0;
}
#post .comments li.comment .comment-author .comment-author-wrap .flexWrap .commentmetadata {
display: block;
font-size:80%;
}
#post .comments li.comment .comment-body p {
display: block;
padding: 15px 20px;
background: #fff;
margin: 20px 0;
box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
border-radius: 2px;
}
#post .comments li.comment .comment-body .comment-awaiting-moderation {
background:#FFF7E2;
border:1px solid rgba(0,0,0,.06);
margin-top:20px;
border-radius:2px;
display:block;
padding:5px 15px;
}
#post .comment-respond form .comment-form-comment {
display:block;
position:relative;
}
@media only screen and (max-width: 768px) {
.mainAside {
display:block;
}
.mainAside aside {
display:block;
margin-top: 20px;
}
.postContent h1,
.postContent h2,
.postContent h3,
.postContent h4,
.postContent h5,
.postContent h6 {
margin-top: 30px;
}
#post .imgWrap.expand {
display:block;
width: calc(100% + 40px);
margin-left: -20px;
margin-top: -15px;
}
#post .thumbPost img {
border-radius:0;
}
#post h1.postTitle {
font-size: 150%;
margin: 20px 0;
}
#post .postGrid {
font-size: 90%;
}
.postContent_wrap {
display:block;
width: calc(100% + 40px);
margin-left: -20px;
padding: 20px 15px;
border-radius: 0;
}
}
#product .item_product {
display: grid;
grid-template-columns: 1fr 1.4fr;
background: #fff;
box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
border-radius: 2px;
overflow: hidden;
}
@media only screen and (max-width: 1468px) {
#product .item_product {
grid-template-columns: 1fr 1.2fr;
}
}
@media only screen and (max-width: 768px) {
#product .item_product {
border-radius: 0;
grid-template-columns: 1fr;
grid-gap: 0;
direction: block;
width: calc(100% + 40px);
margin-left: -20px;
margin-top: -15px;
}
}
#product .item_product .shareThis {
position: absolute;
z-index: 999;
bottom: 0;
left: 0;
background: rgba(255,255,255,.9);
display: inline-block;
border-radius: 0 6px 0 0;
padding: 10px 15px;
box-shadow: 0 0 0 1px rgba(0,0,0,.04);
font-size: 90%;
}
@media only screen and (max-width: 768px) {
#product .item_product .shareThis {
font-size: 80%;
}
}
#product .item_product .shareThis span {
font-size: 90%;
}
#product .item_product .shareThis a.facebook {
color: #4267B2;
}
#product .item_product .shareThis a.twitter {
color: #00ABF0;
}
#product .item_product .shareThis a.whatsapp {
color: #0CC243;
}
#product .item_product .imgArea {
display: block;
overflow: hidden;
position: relative;
box-shadow: 0 0 0 1px rgba(0,0,0,.04);
}
#product .item_product .imgArea figure a.lightbox {
display:block;
padding-top:100%;
background-size:cover;
background-position: center center;
}
#product .item_product .imgArea figure img {
width: 100%;
display:none!important;
}
#product .item_product .productInfo {
display: block;
padding: 20px;
border-top: none;
}
#product .item_product .productInfo .title {
font-weight: 300;
font-size: 100%;
margin-bottom: 10px;
}
#product .item_product .productInfo .title {
font-weight: 400;
font-size: 120%;
}
#product .item_product .productInfo .title a.link {
color: #666;
}
#product .item_product .productInfo .title a.link:hover {
color: #009688;
}
#product .item_product .productInfo .priceArea {
color: #009688;
font-size: 150%;
display: block;
background: #fafafa;
padding: 15px 20px;
}
#product .item_product .productInfo .priceArea>* {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
#product .item_product .productInfo .priceArea .normalPrice {
font-size: 70%;
color: #969696;
text-decoration: line-through;
margin-right: 10px;
}
#product .item_product .productInfo .priceArea .discount {
font-size: 50%;
margin-left: 10px;
background: #009688;
color: #fff;
padding: 4px 10px;
border-radius: 2px;
}
#product .item_product .productInfo .productRating {
margin-bottom: 10px;
font-size: 100%;
}
#product .item_product .productInfo .productRating a {
color: #666;
}
#product .item_product .productInfo .productRating .avg_rating_count {
display: inline-block;
border-bottom: 1px solid #FBBC05;
vertical-align: middle;
margin-right:10px;
}
.productRating small {
border-left:1px solid #eee;
padding-left:10px;
margin-left:10px;
}
.avg_rating_wrap {
display: inline-block;
vertical-align: middle;
overflow: hidden;
position: relative;
top: -2px;
color: #FBBC05;
}
.avg_rating {
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: flex-start;
}
.avg_rating__item {
font-size: 160%;
display: block;
font-family: IonIcons;
font-display: swap;
margin-right: 2px;
}
.avg_rating__item::after {
content: '';
}
.avg_rating[data-rating='0'] .avg_rating__item:nth-child(-n+0):after,
.avg_rating[data-rating='0.5'] .avg_rating__item:nth-child(-n+0):after,
.avg_rating[data-rating='1'] .avg_rating__item:nth-child(-n+1):after,
.avg_rating[data-rating='1.5'] .avg_rating__item:nth-child(-n+1):after,
.avg_rating[data-rating='2'] .avg_rating__item:nth-child(-n+2):after,
.avg_rating[data-rating='2.5'] .avg_rating__item:nth-child(-n+2):after,
.avg_rating[data-rating='3'] .avg_rating__item:nth-child(-n+3):after,
.avg_rating[data-rating='3.5'] .avg_rating__item:nth-child(-n+3):after,
.avg_rating[data-rating='4'] .avg_rating__item:nth-child(-n+4):after,
.avg_rating[data-rating='4.5'] .avg_rating__item:nth-child(-n+4):after,
.avg_rating[data-rating='5'] .avg_rating__item:nth-child(-n+5):after,
.avg_rating[data-rating='5.5'] .avg_rating__item:nth-child(-n+5):after {
content: "";
}
.avg_rating[data-rating='0.5'] .avg_rating__item:nth-child(1):after,
.avg_rating[data-rating='1.5'] .avg_rating__item:nth-child(2):after,
.avg_rating[data-rating='2.5'] .avg_rating__item:nth-child(3):after,
.avg_rating[data-rating='3.5'] .avg_rating__item:nth-child(4):after,
.avg_rating[data-rating='4.5'] .avg_rating__item:nth-child(5):after,
.avg_rating[data-rating='5.5'] .avg_rating__item:nth-child(6):after {
content: "";
}
#product .item_product .productInfo .productOption2,
#product .item_product .productInfo .productOption {
display: grid;
grid-template-columns: 120px 1fr;
margin-bottom: 15px;
}
#product .item_product .productInfo .productOption2 .optionTitle,
#product .item_product .productInfo .productOption .optionTitle {
/*display: flex;*/
}
#product .item_product .productInfo .productOption2 .optionTitle span,
#product .item_product .productInfo .productOption .optionTitle span {
/*margin: auto;
margin-left: 0;*/
}
#product .item_product .productInfo .productOption2 .optionBtn button,
#product .item_product .productInfo .productOption .optionBtn button {
display: inline-block;
margin:0 5px 10px 0;
border: 1px solid #e6e6e6;
background: #fff;
line-height: 1;
padding: 5px 10px;
cursor: pointer;
border-radius: 2px;
}
#product .item_product .productInfo .productOption2 .optionBtn button:hover,
#product .item_product .productInfo .productOption .optionBtn button:hover {
color: #009688;
}
#product .item_product .productInfo .productOption2 .optionBtn button.selected,
#product .item_product .productInfo .productOption .optionBtn button.selected {
border: 1px solid #009688;
color: #009688;
background: #fff;
}
#product .item_product .productInfo .productOption2 .optionBtn button:active,
#product .item_product .productInfo .productOption .optionBtn button:active {
background: #009688;
border: 1px solid #009688;
color: #fff;
}
#product .item_product .productInfo .productQty {
display: grid;
grid-template-columns: 120px 1fr;
}
#product .item_product .productInfo .productQty .qtyTitle {
display: flex;
}
#product .item_product .productInfo .productQty .qtyTitle span {
margin: auto;
margin-left: 0;
}
#product .item_product .productInfo .productQty .qtyBtn {
margin-top: 5px;
}
#product .item_product .productInfo .productQty .qtyBtn>* {
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 10px;
margin: auto;
text-align: center;
border: none;
box-shadow: 0 0 0 1px #e6e6e6;
font-size: 100%;
vertical-align: middle;
}
#product .item_product .productInfo .productQty .qtyBtn>button {
background: #fff;
font-size: 100%;
cursor: pointer;
width: 35px;
}
#product .item_product .productInfo .productQty .qtyBtn>button:active {
background: #e6e6e6;
}
#product .item_product .productInfo .productQty .qtyBtn>button.qtyMin {
border-radius: 2px 0 0 2px;
}
#product .item_product .productInfo .productQty .qtyBtn>button.qtyPlus {
border-radius: 0 2px 2px 0;
}
#product .item_product .productInfo .productQty .qtyBtn>input.qty {
background: #fff;
width: 60px;
}
#product .item_product .productInfo .orderBtn {
display: block;
margin-top: 20px;
}
#product .item_product .productInfo .orderBtn a {
font-weight: 400;
cursor: pointer;
display: inline-block;
padding: 10px 15px;
text-align: center;
border: 1px solid #009688;
color: #009688;
font-size: 90%;
border-radius: 2px;
background: #00968810;
}
#product .item_product .productInfo .orderBtn a.orderCart {
margin-right: 5px;
}
#product .item_product .productInfo .orderBtn a.orderCheckout {
background: #009688;
color: #fff;
font-weight: 500;
}
@media only screen and (max-width: 768px) {
#product .item_product .productInfo .orderBtn {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
#product .item_product .productInfo .orderBtn a {
display: block;
}
#product .item_product .productInfo .orderBtn a.orderCart {
margin-right: 0;
}
}
@media only screen and (max-width: 468px) {
#product .item_product .productInfo .orderBtn {
display: grid;
grid-template-columns: 1fr;
grid-gap: 0;
grid-row-gap: 10px;
}
}
#product .item_product .productInfo .orderMp {
margin-top: 20px;
}
#product .item_product .productInfo .orderMp a {
display: inline-block;
margin: 10px 5px 0 0;
border: 1px solid rgba(0,0,0,.08);
border-radius: 2px;
padding: 10px 15px;
color: #969696;
}
#product .item_product .productInfo .orderMp a:hover {
box-shadow: inset 0 -2px 0 rgba(0,0,0,.06);
}
#product .item_product .productInfo .orderMp a:active {
box-shadow: none;
}
#product .item_product .productInfo .orderMp a img {
margin: auto;
vertical-align: middle;
max-height: 15px;
border-radius: 2px;
margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
#product .item_product .productInfo .orderMp a small {
display: none;
}
#product .item_product .productInfo .orderMp a img {
margin-bottom: 0;
}
}
#product .item_product .productInfo .productFeature {
padding: 20px 0;
padding-bottom: 0;
border-top: 1px solid #f6f6f6;
margin-top: 20px;
font-size: 85%;
color: #161616;
line-height: 2;
}
@media only screen and (max-width: 768px) {
#product .item_product .productInfo .productFeature {
text-align: center;
}
}
#product .item_product .productInfo .productFeature small {
display: inline-block;
opacity: .6;
font-size: 100%;
padding: 0 10px;
}
#product .item_product .productInfo .productFeature i {
color: #009688;
font-size: 160%;
}
.detailRecommend {
margin-top: 20px;
display: block;
}
@media only screen and (max-width: 768px) {
.detailRecommend {
}
}
.detailRecommend:after {
content: '';
display: block;
clear: both;
}
.detailRecommend .productDetail {
display: block;
float: left;
width: calc(100% - 320px);
}
.detailRecommend .productRecommend {
display: block;
float: right;
width: 300px;
}
.detailRecommend .productDetail .wrap {
padding: 30px;
display: block;
background: #fff;
box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
border-radius: 2px;
overflow: hidden;
font-size: 95%;
line-height: 1.6;
}
.detailRecommend .productDetail .wrap h3 {
display: block;
background: #fafafa;
font-size: 120%;
font-weight: 400;
padding: 10px;
margin-bottom: 20px;
width: calc(100% + 20px);
margin-left: -10px;
}
.detailRecommend .productDetail .wrap h3 a {
display: block;
float: right;
font-size: 80%;
display: inline-block;
vertical-align: middle;
padding: 4px 20px;
border-radius: 3px;
background: #009688;
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .08);
letter-spacing: 1px;
color: #fff;
}
.detailRecommend .productDetail .wrap h3 a:active {
box-shadow: none;
}
.detailRecommend .productDetail .wrap table {
width: 100%;
display: table;
margin-top: 0;
}
.detailRecommend .productDetail .wrap table tr td {
vertical-align: middle;
}
.detailRecommend .productDetail .wrap table tr td:first-of-type {
width: 20%;
opacity: .6;
padding: 5px 0;
}
.detailRecommend .productDetail .wrap table tr td:last-of-type {
padding-left: 15px;
}
@media only screen and (max-width: 768px) {
.detailRecommend .productDetail,
.detailRecommend .productRecommend {
display: block;
float: none;
width: auto;
}
.detailRecommend .productRecommend h3 {
text-align: center;
}
.detailRecommend .wrap {
width:calc(100% + 40px);
margin-left: -20px;
margin-top:20px;
border-radius:0!important;
padding:0 20px 20px!important;
}
.detailRecommend .wrap h3 {
display: block;
background: #fff!important;
border-bottom:1px solid #f2f2f2;
font-size: 120%;
font-weight: 400;
padding: 20px!important;
margin-bottom: 15px!important;
width: calc(100% + 40px)!important;
margin-left: -20px!important;
}
.detailRecommend .productRecommend {
margin-top: 20px;
}
.detailRecommend .loop .item_product:last-of-type {
margin-top: 20px;
}
}
@media only screen and (max-width: 480px) {
.detailRecommend .productDetail .wrap table {
font-size: 85%;
}
.detailRecommend .productDetail .wrap table tr td:first-of-type {
font-size:90%;
width:100%;
}
.detailRecommend .productDetail .wrap table tr td:last-of-type {
width:50vw;
font-weight: 500;
text-align:right;
display:inline-block;
overflow:auto;
white-space:nowrap;
}
}
.detailRecommend .productUlasan {
margin-top: 20px;
}
@media only screen and (max-width: 768px) {
.detailRecommend .productUlasan .ulasanList {
padding: 0 10px;
}
}
.detailRecommend .productUlasan .ulasanList .item {
border-bottom: 1px solid #f6f6f6;
width: calc(100% + 60px);
margin-left: -30px;
padding: 20px;
display: grid;
grid-template-columns: 50px 1fr;
grid-gap: 20px;
transition: .6s;
}
.detailRecommend .productUlasan .ulasanList .item:last-of-type {
border-bottom: none;
}
.detailRecommend .productUlasan .ulasanList .item a {
color:#009688}
.detailRecommend .productUlasan .ulasanList .item .img_ulasan img {
display: block;
height: 50px;
width: 50px;
border-radius: 50px;
}
.detailRecommend .productUlasan .ulasanList .item .info_ulasan h5 {
font-size: 110%;
}
.detailRecommend .productUlasan .ulasanList .item .info_ulasan .rating_view {
display: block;
color: #FBBC05;
margin-bottom: 10px;
}
.detailRecommend .productUlasan .ulasanList .item .info_ulasan .rating_view:before {
font-family: IonIcons;
font-display: swap;
display: inline-block;
vertical-align: middle;
line-height: 1;
font-size: 120%;
}
.detailRecommend .productUlasan .ulasanList .item .info_ulasan .rating_view[data-rating="1"]:before {
content: "\f4b3"" "" "" "" "
}
.detailRecommend .productUlasan .ulasanList .item .info_ulasan .rating_view[data-rating="2"]:before {
content: "\f4b3 "" \f4b3"" "" "" "
}
.detailRecommend .productUlasan .ulasanList .item .info_ulasan .rating_view[data-rating="3"]:before {
content: "\f4b3 "" \f4b3 "" \f4b3"" "" "
}
.detailRecommend .productUlasan .ulasanList .item .info_ulasan .rating_view[data-rating="4"]:before {
content: "\f4b3 "" \f4b3 "" \f4b3 "" \f4b3"" "
}
.detailRecommend .productUlasan .ulasanList .item .info_ulasan .rating_view[data-rating="5"]:before {
content: "\f4b3 "" \f4b3 "" \f4b3 "" \f4b3 "" \f4b3"
}
.detailRecommend .productUlasan .ulasanList .item .info_ulasan a {
display:inline-block;
}
.detailRecommend .productUlasan .ulasanList .item .info_ulasan img {
display: block;
margin: 20px 0 0;
border-radius: 3px;
}
.detailRecommend .productUlasan .ulasanList .item .info_ulasan small {
font-size: 85%;
opacity: .6;
}
.detailRecommend .productUlasan .ulasanList .item .info_ulasan small a {
color:#666;
}
.detailRecommend .productUlasan .ulasanList .item.focusHash {
background: #FFF7E2;
}
form#ulasanProduk>.acf-notice {
margin: 0 !important;
position: relative;
}
form#ulasanProduk .acf-input .acf-notice {
position: relative;
margin-bottom: 20px;
}
form#ulasanProduk .acf-input .acf-notice:before {
content: '';
position: absolute;
z-index: 1;
top: 100%;
left: 0;
border: 5px solid;
border-color: currentColor currentColor transparent transparent;
}
form#ulasanProduk .acf-field {
padding: 20px;
}
form#ulasanProduk input,
form#ulasanProduk textarea {
display: block;
border: none;
padding: 0;
margin: 0;
}
form#ulasanProduk .acf-label>label,
form#ulasanProduk div[data-name="produk_ulasan"],
form#ulasanProduk div[data-name="_post_title"] {
display: none;
}
form#ulasanProduk div[data-name="rating_ulasan"] .acf-input ul {
display: block;
text-align: center;
}
form#ulasanProduk div[data-name="rating_ulasan"] .acf-input ul>li {
position: relative;
display: inline-block;
color: #FBBC05;
}
form#ulasanProduk div[data-name="rating_ulasan"] .acf-input ul>li>label {
text-indent: -99;
display: inline-block;
overflow: hidden;
font-size: 0px;
cursor: pointer;
padding: 5px;
}
form#ulasanProduk div[data-name="rating_ulasan"] .acf-input ul>li>label:after {
font-family: IonIcons;
font-display: swap;
content: '';
font-size: 20px;
}
form#ulasanProduk div[data-name="rating_ulasan"] .acf-input ul>li.selected~li {
color: #ccc;
}
form#ulasanProduk div[data-name="rating_ulasan"] .acf-input ul>li>label>input {
display: none;
}
form#ulasanProduk .acf-form-submit {
padding: 20px;
position: relative;
}
form#ulasanProduk .acf-form-submit button {
border: none;
display: block;
text-align: center;
padding: 10px 20px;
background: #009688;
color: #fff;
width: 100%;
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .1);
border-radius: 3px;
font-size: 110%;
font-weight: 500;
letter-spacing: 1px;
cursor: pointer;
}
form#ulasanProduk .acf-form-submit button:active {
box-shadow: none;
}
.detailRecommend .productRelated {
display: block;
margin-top: 20px;
}
.detailRecommend .productRecommend .wrap {
display: block;
background: #fff;
box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
border-radius: 2px;
overflow: hidden;
padding: 30px 0 0;
}
.detailRecommend .productRecommend h3 {
display: block;
background: #fafafa;
font-weight: 400;
padding: 10px;
margin: 0 20px 20px;
font-size: 100%;
}
.detailRecommend .productRecommend img {
width: 100%;
display: block;
}
#feature {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-radius: 4px;
box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
overflow: hidden;
}
#feature .item {
display: grid;
background: #fff;
grid-template-columns: auto 1fr;
grid-gap: 20px;
padding: 10px 20px;
border-right: 1px solid rgba(0, 0, 0, .06);
}
#feature .item:last-of-type {
border-right: none;
}
#feature .item i {
font-size: 300%;
display: block;
padding: 20px;
color: #009688;
position: relative;
top: 0;
transition: .1s;
}
#feature .item a {
color:#009688;
}
#feature .item:hover i {
top: -6px;
text-shadow: 6px 6px 1px rgba(0, 0, 0, .06);
}
#feature .item .flex {
display: flex;
}
#feature .item .flexwrap {
display: block;
margin: auto;
margin-left: 0;
font-size: 80%;
}
#feature .item .flexwrap h3 {
font-weight: 500;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, .06);
margin-bottom: 5px;
padding-bottom: 5px;
}
@media only screen and (max-width: 768px) {
#feature {
font-size: 90%;
max-width: calc(100% + 40px);
padding: 0 20px;
margin-left: -20px;
margin-right: -20px;
padding-right: 20px;
overflow-x: auto;
grid-gap: 10px;
box-shadow: none;
padding-bottom: 1px;
grid-template-columns: repeat(4, auto);
}
#feature:after {
display: block;
content: ' ';
width: 10px;
}
#feature .item .flexwrap h3 {
padding-bottom: 0;
margin-bottom: 0;
border: none;
}
#feature .item {
padding: 15px 20px;
grid-gap: 10px;
width: 80vw;
border-radius: 4px;
border: none;
box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}
#feature .item i {
padding:0 10px 0 0;
font-size: 250%;
}
}
#footer {
box-shadow: 0 -1px 0 rgba(0, 0, 0, .06);
padding: 20px 0 40px;
background: #fff;
color: #969696;
font-size: 90%;
}
#footer .item_ulasan {
font-size:110%;
}
#footer a {
font-weight: 500;
}
#footer .footerGrid {
display: grid;
grid-template-columns: 1fr .5fr 1fr 2fr;
grid-gap: 40px;
padding: 20px 0;
}
@media only screen and (max-width: 1068px) {
#footer .footerGrid {
grid-template-columns: 1fr 1fr;
grid-row-gap: 40px;
text-align: center;
}
}
@media only screen and (max-width: 768px) {
#footer .footerGrid {
grid-template-columns: 1fr;
grid-gap: 0;
grid-row-gap: 40px;
text-align: center;
}
}
#footer .footerGrid>* {
display: block;
overflow: hidden;
}
#footer .footerGrid>*:nth-last-child(2) {
text-align: center;
}
#footer .footerGrid>*:last-of-type {
text-align: center;
}
#footer .footerGrid>*>ul,
#footer .footerGrid>*>ul li,
#footer .footerGrid>*>ul li a {
display: block;
}
#footer .footerGrid>*>ul li a {
margin-bottom: 5px;
}
#footer .footerGrid>*>h3 {
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 30px;
color: #666;
font-size:110%;
}
#footer .footerGrid>*>ul.payShipIcon {
display:grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 5px;
max-width: 80%;
margin: auto;
}
#footer .footerGrid>*>ul.payShipIcon li {
display: block;
padding-top:55%;
width: 100%;
border: 1px solid rgba(0, 0, 0, .06);
background-color: #fff;
border-radius: 2px;
background-position: center center;
background-size: 70% auto;
background-repeat: no-repeat;
}
#footer .footerGrid .item.custom .tanyaWA {
display: block;
margin: auto;
max-width: 80%;
border: 1px solid rgba(0, 0, 0, .06);
padding: 10px;
color: #666;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}
#footer .footerGrid .item.custom .tanyaWA:active {
box-shadow: none;
}
#footer .footerGrid .item.custom .tanyaWA i {
color: #0CC243;
}
#footer .footerGrid .item.custom small {
opacity: .8;
}
#footer .footerGrid .item.custom a {
font-weight: 400;
}
#footer .footerGrid .item.custom a.youtube i {
color: #ff0000;
}
#footer .footerGrid .item.custom a.youtube {
color: #969696;
}
#footer .footerGrid .item.custom a.instagram {
color: #BA4893;
}
#footer .footerGrid .item.custom a.facebook {
color: #4267B2;
}
#footer .footerGrid .item.custom a.twitter {
color: #00ABF0;
}
#livesales .item_livesales {
position: fixed !important;
position: relative;
z-index: 9999;
left: 20px;
bottom: 20px;
font-size: 100px;
transition: .5s ease-out;
transform: translate(-100%, 100%);
opacity: 0;
visibility: hidden;
width: 380px;
overflow: hidden;
display: grid;
grid-template-columns: auto 1fr;
font-size: 80%;
background: rgba(255, 255, 255, .95);
color: #969696;
box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
border-radius: 3px;
}
@media only screen and (max-width: 768px) {
#livesales .item_livesales {
bottom: 60px;
right: 15px;
}
}
@media only screen and (max-width: 480px) {
#livesales .item_livesales {
left: 0;
bottom: 45px;
right: 0;
width: 100%;
border-radius: 0;
box-shadow: 0 -5px 15px rgba(0, 0, 0, .1);
transform: translate(0, 100%);
}
}
#livesales .item_livesales.active {
transform: translate(0%, 0%);
opacity: 1;
visibility: visible;
}
#livesales .item_livesales .img {
cursor: pointer;
display: block;
background: #eee no-repeat center center;
width: 120px;
height: 120px;
background-size: cover;
}
#livesales .item_livesales .closelivesales {
cursor: pointer;
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 35px;
height: 35px;
line-height: 28px;
font-size: 140%;
text-align: right;
padding-right: 8px;
border-left: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
border-radius: 0 0 0 35px;
-webkit-user-select: none;
/* Safari 3.1+ */
-moz-user-select: none;
/* Firefox 2+ */
-ms-user-select: none;
/* IE 10+ */
user-select: none;
/* Standard syntax */
color: #009688;
}
#livesales .item_livesales .closelivesales:active {
color: #fff;
background: #009688;
}
#livesales .item_livesales .wrap {
padding: 10px 20px;
display: flex;
}
#livesales .item_livesales .wrap .detail {
display: block;
margin: auto;
line-height: 1.4;
}
#livesales .item_livesales .wrap .detail:before {
content: '';
display: block;
height: 10px;
width: 20px;
float: right;
}
#livesales .item_livesales .wrap .detail b {
color: #666;
}
#livesales .item_livesales .wrap .detail a {
color: #009688;
}
#livesales .item_livesales .wrap .detail small {
display: block;
margin-top: 5px;
padding-top: 10px;
border-top: 1px solid #f6f6f6;
}
#livesales .item_livesales .wrap .detail small a {
color: #969696;
float: right;
display: inline-block;
vertical-align: middle;
border-left: 1px solid #f6f6f6;
padding-left: 10px;
}
#livesales .item_livesales .wrap .detail small i {
font-size: 160%;
color: #009688;
}
.poptamv {
font-size: 14px;
line-height: 1.6;
}
.poptamv b,
.poptamv strong {
font-weight: 500;
}
.poptamv {
display: flex !important;
position: relative;
position: fixed !important;
z-index: 99999;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-y: auto;
padding: 10px 0;
visibility: hidden;
opacity: 0;
}
.poptamv.open {
visibility: visible;
opacity: 1;
transition: .2s;
}
.poptamv a {
text-decoration: none;
}
.poptamv .wrap {
display: block;
margin: auto auto;
width: calc(100% - 20px);
box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
max-width: 500px;
}
.poptamv .wrap .titletamv {
display: grid;
width: 100%;
grid-template-columns: 1fr auto;
grid-column-gap: 10px;
margin: 0;
height: 60px;
line-height: 60px;
border-bottom: 1px solid rgba(0, 0, 0, .06);
font-size: 14px;
background: #fff;
font-weight: 400;
border-radius: 4px 4px 0 0;
}
.poptamv .wrap .titletamv span.titletamv-content {
padding: 0 20px;
display: block;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #444;
font-size: 110%;
}
@media only screen and (max-width: 1023px) {
.poptamv .wrap .titletamv span.titletamv-content {
font-size: 100%;
}
}
.poptamv .wrap .titletamv span.titletamv-content i {
color: #009688;
font-size: 160%;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.poptamv .wrap .titletamv .closeTamv {
display: block;
color: #aaa;
padding: 0 20px;
cursor: pointer;
font-size: 30px;
font-weight: 300;
transition: .2s;
}
.poptamv .wrap .titletamv .closeTamv:hover {
color: #444;
}
.poptamv .wrap .titletamv .closeTamv:before {
content: '';
cursor: default;
display: block;
position: fixed;
z-index: -2;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 100px);
background: rgba(0, 0, 0, .2);
visibility: hidden;
opacity: 0;
}
.poptamv.open .wrap .titletamv .closeTamv:before {
visibility: visible;
opacity: 1;
transition: .4s;
}
.poptamv .wrap .content {
display: block;
/*overflow-y: auto;*/
/*max-height: calc(100vh - 80px);*/
background: #fff;
border-radius: 0 0 4px 4px;
}
.poptamv .wrap .content .productlivesalesGrid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
.poptamv .poptamv-wrap {
padding: 20px;
}
/* ----------------
FORMTAMV
------------------- */
.grid-wa {
display: grid;
grid-gap: 10px;
}
.grid-wa.col2 {
grid-template-columns: 1fr 1fr;
}
.grid-wa.col3 {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-wa.col4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-wa.col2-submit {
grid-template-columns: 1fr auto;
}
.grid-wa.install-btn {
grid-template-columns: 2fr 1fr;
}
@media only screen and (max-width: 1023px) {
.formtamv .grid-wa.col2 {
grid-template-columns: 1fr 1fr !important;
}
}
@media only screen and (max-width: 320px) {
.formtamv .grid-wa.col2 {
grid-template-columns: 1fr !important;
}
}
.formtamv * {
outline: none;
text-decoration: none;
}
@media only screen and (max-width: 1023px) {
.formtamv * {
font-size: 12px;
}
}
.formtamv br {
margin: 0;
padding: 0;
line-height: 0;
}
.formtamv .focus {
box-shadow: inset 0 -1px 0 0 #FBBC05 !important;
}
.formtamv label {
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.formtamv label>input,
.formtamv label>select,
.formtamv label>textarea {
position: relative;
z-index: 1;
border: none;
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .08);
padding: 10px 15px;
width: 100%;
padding-left: 40px;
background: transparent;
color: #666;
}
.formtamv label>input:focus,
.formtamv label>select:focus,
.formtamv label>textarea:focus {
box-shadow: inset 0 -1px 0 0 #009688;
}
.formtamv label>input::placeholder,
.formtamv label>input:-ms-input-placeholder,
.formtamv label>input::-ms-input-placeholder {
/* Microsoft Edge */
color: #969696;
opacity: 1;
/* Firefox */
}
.formtamv label>textarea::placeholder,
.formtamv label>textarea:-ms-input-placeholder,
.formtamv label>textarea::-ms-input-placeholder {
/* Microsoft Edge */
color: #969696;
opacity: 1;
/* Firefox */
}
.formtamv label>i {
position: absolute;
z-index: 0;
display: inline-block;
vertical-align: top;
width: 40px;
text-align: center;
font-size: 20px;
height: auto;
background: transparent;
box-shadow: none;
top: 9px;
left: 0;
color: rgba(0, 0, 0, .2);
}
@media only screen and (max-width: 768px) {
.formtamv label>i {
position: absolute;
z-index: 0;
display: inline-block;
vertical-align: top;
width: 40px;
text-align: center;
font-size: 20px;
height: auto;
background: transparent;
box-shadow: none;
top: 7px;
left: 0;
color: rgba(0, 0, 0, .2);
}
}
.formtamv label small {
position: relative;
display: block;
margin-top: 10px;
z-index: 3;
}
.formtamv label small>a.tooltip {
margin-left: 10px;
font-size: 20px;
vertical-align: middle;
display: inline-block;
color: rgba(0, 0, 0, .4);
}
.formtamv label small>a.tooltip:hover {
color: rgba(0, 0, 0, .6);
}
.formtamv label small a {
font-weight: 500;
}
.formtamv select::-ms-expand {
display: none;
}
.formtamv select {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
text-align: right;
}
.formtamv select option {
font-size: 18px;
background: #fafafa;
color: rgba(0, 0, 0, 0.7);
text-shadow: none;
text-align: left;
}
.formtamv .nomor_whatsapp[type=number]::-webkit-outer-spin-button,
.formtamv .nomor_whatsapp[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.nomor_whatsapp[type=number] {
-moz-appearance: textfield;
}
.formtamv label>*:focus {
background: transparent;
}
.formtamv label textarea {
min-height: 40px;
resize: vertical;
margin-bottom: 0;
}
.formtamv label .validasi {
position: relative;
position: absolute !important;
z-index: 2;
top: calc(100% + 20px);
left: 0;
background: #FBBC05;
color: rgba(0, 0, 0, .6);
padding: 5px 10px;
border-radius: 3px;
font-size: 80%;
box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
transition: .4s;
visibility: hidden;
opacity: 0;
display: inline-block !important;
}
.formtamv label .validasi.show {
visibility: visible;
opacity: 1;
top: calc(100% + 10px);
}
.formtamv label .validasi:after {
position: absolute;
bottom: 100%;
left: 12px;
content: '';
border: 8px solid;
border-color: transparent transparent #FBBC05 transparent;
}
.formtamv .note {
display: block;
font-size: 90%;
background: #ffedba;
color: rgba(0,0,0,.8);
padding: 10px 20px;
border: 1px solid rgba(0,0,0,.1);
border-radius: 4px;
}
.formtamv .submit {
display: block;
text-align: center;
border: none;
width: 100%;
display: block;
background: #009688;
color: #fff;
padding: 10px 20px;
cursor: pointer;
border-radius: 2px;
font-weight: 500;
font-size: 105%;
letter-spacing: 1px;
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .08);
}
.formtamv .submit.s2 {
background: transparent;
color: #009688;
display: inline-block;
padding: 2px 10px;
font-size: 140%;
box-shadow: none;
}
.formtamv .submit i {
display: inline-block;
vertical-align: middle;
font-size: 140%;
margin: 0 10px;
}
.formtamv .submit:active {
box-shadow: inset 0 -60px 0 0 rgba(0, 0, 0, .08);
}
.notifFix {
font-family: "Montserrat", sans-serif;
position: relative;
position: fixed !important;
z-index: 999;
bottom: 20px;
left: 20px;
}
.notifFix i.wa {
position: relative;
display: block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background: #fff;
color: #009688;
border-radius: 60px;
box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
font-size: 30px;
}
.notifFix:active i.wa {
box-shadow: none;
}
.notifFix span.count {
position: absolute;
display: inline-block;
top: 0px;
right: 0px;
background: #FBBC05;
color: rgba(0, 0, 0, .8);
height: 15px;
line-height: 15px;
width: 15px;
border-radius: 15px;
font-style: normal;
font-weight: 600;
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .08);
transform: scale(0.0);
}
.notifFix.show span.count {
transform: scale(1.1);
transition: .2s;
}
.waFix {
font-family: "Montserrat", sans-serif;
position: relative;
position: fixed !important;
z-index: 999;
bottom: 20px;
}
.waFix.kiri {
left: 20px;
}
.waFix.kanan {
right: 20px;
}
.waFix i.wa {
position: relative;
display: block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background: #fff;
color: #009688;
border-radius: 60px;
box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
font-size: 30px;
}
.waFix:active i.wa {
box-shadow: none;
}
.waFix span.count {
position: absolute;
display: inline-block;
top: 0px;
right: 0px;
background: #FBBC05;
color: rgba(0, 0, 0, .8);
height: 15px;
line-height: 15px;
width: 15px;
border-radius: 15px;
font-style: normal;
font-weight: 600;
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .08);
transform: scale(0.0);
}
.waFix.show span.count {
transform: scale(1.1);
transition: .2s;
}
.waFix span.info {
display: inline-block;
white-space: nowrap;
border-radius: 4px;
background: #fff;
height: 40px;
line-height: 40px;
padding: 0 15px;
text-align: center;
position: relative;
position: absolute !important;
box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
bottom: 8px;
color: rgba(0, 0, 0, .6);
opacity: 0;
visibility: hidden;
}
.waFix.show span.info {
opacity: 1;
visibility: visible;
transition: 1s;
}
.waFix.kiri span.info {
left: calc(100% + 45px);
}
.waFix.kiri.show span.info {
left: calc(100% + 15px);
}
.waFix.kanan span.info {
right: calc(100% + 45px);
}
.waFix.kanan.show span.info {
right: calc(100% + 15px);
}
.waFix span.info:after {
position: absolute;
top: calc(50% - 8px);
content: "";
border: 8px solid;
}
.waFix.kiri span.info:after {
right: 100%;
border-color: transparent #fff transparent transparent;
}
.waFix.kanan span.info:after {
left: 100%;
border-color: transparent transparent transparent #fff;
}
@media only screen and (max-width: 768px) {
.waFix { display:none; }
}
.waFix span.info i {
display: inline-block;
font-size: 140%;
margin-right: 5px;
vertical-align: middle;
color: #4FC3F7;
}
.fixBtn { display:none; }
@media only screen and (max-width: 768px) {
.fixBtn {
display: block;
box-shadow: 0 -1px 0 0 rgba(0,0,0,.06);
z-index: 999;
background: #fff;
position: fixed;
z-index:10000;
bottom: 0;
left: 0;
width: 100%;
display: grid;
grid-template-columns: repeat(4,1fr);
text-align: center;
}
.fixBtn a {
display: block;
text-align: center;
height: 45px;
line-height: 45px;
}
.fixBtn a i {
display:inline-block;
position: relative;
}
.fixBtn a i span {
display: block;
position: absolute;
top: 2px;
right: 2px;
background: #FBBC05;
width: 10px;
height: 10px;
border-radius: 10px;
}
}
2500
Warna
Hijau
Kuning
Merah
Hitam
Putih
Order via WhatsApp.
Instant Checkout tanpa Ribet!
Informasi Produk
Kategori
Berat
1.4 Kg
Nama Spesifikasi
Nilai Spesifikasi
Dikirim dari
Deskripsi Produk
Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, saat seorang tukang cetak yang tidak dikenal mengambil sebuah kumpulan teks dan mengacaknya untuk menjadi sebuah buku contoh huruf.
Ia tidak hanya bertahan selama 5 abad, tapi juga telah beralih ke penataan huruf elektronik, tanpa ada perubahan apapun. Ia mulai dipopulerkan pada tahun 1960 dengan diluncurkannya lembaran-lembaran Letraset yang menggunakan kalimat-kalimat dari Lorem Ipsum, dan seiring munculnya perangkat lunak Desktop Publishing seperti Aldus PageMaker juga memiliki versi Lorem Ipsum.
Detail Produk
Detail 1
Detail 2
Detail 3
Detail dst..
Disclaimer:
Persamaan warna foto katalog dengan produk asli mencapai 98%. Efek cahaya, kecerahan, kerapatan, dan resolusi layar memungkinkan terjadinya distorsi warna.
Butuh bantuan?
Mantap ini, kalau bisa beberapa fitur (yang bisa diambil) dari toko wa versi wordpress, bisa ditambahkan juga ke versi bloggernya kang, sekiranya bayar lagi, saya siap bayar.
4 tahun yang lalu..
Ini adalah contoh ulasan pengunjung / pembeli produk ( Tanpa Foto ), dimana ulasan produk terbaru seperti ini dapat di atur oleh pemilik Template Toko-WA.com ( Toko WhatsApp ) dengan status "Publish" atau "Pending"..
4 tahun yang lalu..
Hai, ini merupakan sebuah komentar.
Untuk mulai memoderasi, mengedit, dan menghapus komentar, silakan kunjungi layar Komentar di dasbor.
Ava...
5 bulan yang lalu.. Lainnya
Anyamanplastik
Dapatkan! Info & Produk Terbaru
melalui media sosial Anyamanplastik :
×
×
Dedot Formonsoh dari
Praya telah memesan
Kaos DTF
1 tahun lalu..
Lihat
×
×
×
×
×
Hayati dari
Bandung (Kota) telah memesan
2 tahun lalu..
Lihat
×
Pandi dari
Aceh Selatan telah memesan
2 tahun lalu..
Lihat
×
Heri dari
Bandung (Kota) telah memesan
2 tahun lalu..
Lihat
Please, activate javascript
Kirim