/* Inline style 1 */
html .cms-index-index #maincontent .custom-slider {
display: block !important;
}
.catalog-widget .gen-wrapper .gender,
.catalog-widget .gen-wrapper .color {
font-size: 14px;
}
.catalog-widget .gen-wrapper .color span {
font-weight: bold;
font-size: 14px;
}
.catalog-widget .gen-wrapper {
margin-top: 10px;
}
.catalog-widget .gen-wrapper .gender {
padding-bottom: 0.5rem;
}
.fotorama__stage__shaft .fotorama__active .fotorama__img {
width: auto;
height: auto;
}
@media (min-width: 768px) and (max-width: 1200px) {
.sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation>ul>li.nav-item.level0 a span {
font-size: 11px !important;
}
.nav-sections:not(.mobile-nav) .navigation {
padding: 0 10px !important;
}
}
@media (min-width: 768px) {
.page-header-v1 .page-header .header-main {
padding: 0 !important;
}
.sections.nav-sections .section-items .section-item-content .navigation li>a {
padding: 7px 10px !important;
}
.page-header-v1 .page-header .header-main .h-navigation .sections.nav-sections {
margin-bottom: 0 !important;
}
}
.owl-carousel-products-upsell.owl-theme .owl-controls .owl-nav [class*="owl-"] {
display: block !important;
}
body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text {
width: 100% !important;
max-width: 110px !important;
margin-right: 5px;
margin-bottom: 5px;
padding: 0;
}
body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text {
width: 100% !important;
max-width: 110px !important;
margin-right: 5px;
margin-bottom: 5px;
padding: 0;
}
.search.results>div#layer-product-list>.amasty-label-container img {
display: none !important;
}
.product-item-info .amasty-label-container {
z-index: 1;
}
.search.results>.block {
display: none !important;
}
.checkout-cart-index .table-wrapper .loading-mask {
display: none !important;
}
.sidebar-additional .block.block-wishlist {
display: none;
}
.product-items .product-image-container [class*="amasty-label-container-25-"] {
display: block !important;
width: 90px;
height: 28px;
position: absolute;
top: 0;
left: 0;
}
#ymDivCircle img {
width: 100% !important;
height: 100% !important;
}
.catalog-category-view.atome-disabled .product-item-info .price-box {
display: block;
}
.catalog-category-view.atome-disabled .product-item-info .price-box .price-wrapper-container {
display: inline-block;
}
.catalogsearch-result-index.atome-disabled .product-item-info .price-box {
display: block;
}
.catalogsearch-result-index.atome-disabled .product-item-info .price-box .price-wrapper-container {
display: inline-block;
}
.catalogsearch-advanced-result.atome-disabled .product-item-info .price-box {
display: block;
}
.catalogsearch-advanced-result.atome-disabled .product-item-info .price-box .price-wrapper-container {
display: inline-block;
}
.page-header-v1 .page-header .header-top .store-information {
display: none;
}
@media only screen and (max-width: 767px) {
.post-list .post-holder .post-info {
display: none;
}
body.catalog-category-view .column.main .products-grid .product-item .product-item-info .product_image {
padding-bottom: 0;
padding-top: 0;
background-color: #fff;
}
.modal-popup.popup-newsletter.modal-slide._inner-scroll .modal-inner-wrap .modal-content .newsletter-content .image-container .newsletter.banner-image img {
height: 100%;
}
.sections.nav-sections .section-items .section-item-content .navigation .level1.nav-dropdown .dropdown-submenu>a span,
.sections.nav-sections .section-items .section-item-content .navigation .level2.nav-dropdown .dropdown-submenu>a span,
.sections.nav-sections .section-items .section-item-content .navigation .level3.nav-dropdown .dropdown-submenu>a span {
text-transform: none;
}
}
.sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col.mega-col-level-2 div.nav-item.level2 a span,
.sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col.mega-col-level-2 div.nav-item.level2 a span {
text-transform: none;
}
.checkout-index-index .modal-footer .secondary.action-hide-popup {
padding: 7px;
}
.checkout-index-index .modal-footer .secondary.action-hide-popup:hover {
text-decoration: none;
}
.page-header-v1 .page-header .header-main .h-logo .logo {
max-width: 170px;
}
#search_bar_container {
z-index: 101;
}
/* Inline style 2 */
/* == START CLEANSLATE == */
/*!
* This includes a subset of CleanSlate.
*
* ***IMPORTANT*** The only modifications to this code should be adding,
* removing or namespacing rules.
*
* CleanSlate
* github.com/premasagar/cleanslate
*
* An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.
*
* by Premasagar Rose
* dharmafly.com
*
* license
* opensource.org/licenses/mit-license.php
*
* v0.10.1
*/
[data-bv-rating] a,
[data-bv-rating] span,
[data-bv-rating] div,
[data-bv-rating] svg,
[data-bv-rating] path,
[data-bv-rating] polygon,
[data-bv-rating] button,
[data-bv-show="inline_rating"] a,
[data-bv-show="inline_rating"] span,
[data-bv-show="inline_rating"] div,
[data-bv-show="inline_rating"] svg,
[data-bv-show="inline_rating"] path,
[data-bv-show="inline_rating"] polygon,
[data-bv-show="inline_rating"] button {
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
/* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
background-position: 0 0 !important;
background-repeat: repeat !important;
border-color: black !important;
border-color: currentColor !important;
/* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value . For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
border-radius: 0 !important;
border-style: none !important;
border-width: medium !important;
bottom: auto !important;
clear: none !important;
clip: auto !important;
color: inherit !important;
counter-increment: none !important;
counter-reset: none !important;
cursor: inherit !important;
direction: inherit !important;
display: inline !important;
float: none !important;
font-family: inherit !important;
/* As with other inherit values, this needs to be set on the root container element */
font-size: inherit !important;
font-style: inherit !important;
font-variant: normal !important;
font-weight: inherit !important;
height: auto !important;
left: auto !important;
letter-spacing: normal !important;
line-height: inherit !important;
list-style-type: inherit !important;
/* Could set list-style-type to none */
list-style-position: outside !important;
list-style-image: none !important;
margin: 0 !important;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
opacity: 1;
outline: invert none medium !important;
overflow: visible !important;
padding: 0 !important;
position: static !important;
quotes: "" "" !important;
right: auto !important;
table-layout: auto !important;
text-align: inherit !important;
text-decoration: inherit !important;
text-indent: 0 !important;
text-transform: none !important;
top: auto !important;
unicode-bidi: normal !important;
vertical-align: baseline !important;
visibility: inherit !important;
white-space: normal !important;
width: auto !important;
word-spacing: normal !important;
z-index: auto !important;
/* CSS3 */
/* Including all prefixes according to http://caniuse.com/ */
/* CSS Animations don't cascade, so don't require resetting */
-webkit-background-origin: padding-box !important;
background-origin: padding-box !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
-webkit-background-size: auto !important;
-moz-background-size: auto !important;
background-size: auto !important;
-webkit-border-image: none !important;
-moz-border-image: none !important;
-o-border-image: none !important;
border-image: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
-webkit-column-count: auto !important;
-moz-column-count: auto !important;
column-count: auto !important;
-webkit-column-gap: normal !important;
-moz-column-gap: normal !important;
column-gap: normal !important;
-webkit-column-rule: medium none black !important;
-moz-column-rule: medium none black !important;
column-rule: medium none black !important;
-webkit-column-span: 1 !important;
-moz-column-span: 1 !important;
/* doesn't exist yet but probably will */
column-span: 1 !important;
-webkit-column-width: auto !important;
-moz-column-width: auto !important;
column-width: auto !important;
font-feature-settings: normal !important;
overflow-x: visible !important;
overflow-y: visible !important;
-webkit-hyphens: manual !important;
-moz-hyphens: manual !important;
hyphens: manual !important;
-webkit-perspective: none !important;
-moz-perspective: none !important;
-ms-perspective: none !important;
-o-perspective: none !important;
perspective: none !important;
-webkit-perspective-origin: 50% 50% !important;
-moz-perspective-origin: 50% 50% !important;
-ms-perspective-origin: 50% 50% !important;
-o-perspective-origin: 50% 50% !important;
perspective-origin: 50% 50% !important;
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
text-shadow: none !important;
-webkit-transition: all 0s ease 0s !important;
transition: all 0s ease 0s !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
-webkit-transform-origin: 50% 50% !important;
-moz-transform-origin: 50% 50% !important;
-ms-transform-origin: 50% 50% !important;
-o-transform-origin: 50% 50% !important;
transform-origin: 50% 50% !important;
-webkit-transform-style: flat !important;
-moz-transform-style: flat !important;
-ms-transform-style: flat !important;
-o-transform-style: flat !important;
transform-style: flat !important;
word-break: normal !important;
}
[data-bv-rating] path,
[data-bv-rating] polygon {
fill: currentColor !important;
}
[data-bv-show="inline_rating"] path,
[data-bv-show="inline_rating"] polygon {
fill: currentColor !important;
}
/* == END CLEANSLATE == */
[data-bv-show="inline_rating"] .bv_incentivized_review_container {
display: block !important;
}
[data-bv-show="inline_rating"] .bv-rating-text-container {
position: absolute !important;
top: 0 !important;
left: 0 !important;
cursor: default !important;
width: 100% !important;
visibility: visible !important;
}
[data-bv-show="inline_rating"] .bv-rating-text-container .bv-rating-text {
color: #515151 !important;
font-size: 12px !important;
line-height: 19.5px !important;
font-family: Roboto, Arial, sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
text-transform: none !important;
word-break: break-word !important;
overflow: hidden !important;
display: inline-block !important;
text-overflow: ellipsis !important;
width: 100% !important;
white-space: nowrap !important;
}
[data-bv-show="inline_rating"] .bv_inline_rating_div_container {
display: inline-block !important;
width: 100% !important;
}
[data-bv-show="inline_rating"] .bv_hundred_percent_width {
width: 100% !important;
}
[data-bv-show="inline_rating"] .incentivized_text {
color: #515151 !important;
font-size: 12px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
line-height: 19.5px !important;
}
[data-bv-show="inline_rating"] .bv_main_container.bv_hide_visibility {
visibility: hidden !important;
}
[data-bv-rating] .bv_main_container,
[data-bv-show="inline_rating"] .bv_main_container {
display: flex !important;
align-items: center !important;
width: 100% !important;
flex-wrap: wrap !important;
position: relative !important;
}
[data-bv-rating] .bv_main_container .bv_stars_button_container,
[data-bv-show="inline_rating"] .bv_main_container .bv_stars_button_container {
overflow: hidden !important;
}
[data-bv-rating] .bv_main_container .bv_stars_svg_no_wrap,
[data-bv-show="inline_rating"] .bv_main_container .bv_stars_svg_no_wrap {
display: flex !important;
align-items: center !important;
white-space: nowrap !important;
}
[data-bv-rating] .bv_main_container .bv_stars_svg_no_wrap svg:not(:last-child),
[data-bv-show="inline_rating"] .bv_main_container .bv_stars_svg_no_wrap svg:not(:last-child) {
padding-right: 1px !important;
}
[data-bv-rating] .bv_main_container .bv_averageRating_component_container,
[data-bv-show="inline_rating"] .bv_main_container .bv_averageRating_component_container {
padding-right: 5px !important;
}
[data-bv-rating] .bv_main_container .bv_text,
[data-bv-show="inline_rating"] .bv_main_container .bv_text {
padding: 0.15em 0 0 0 !important;
color: #0e1111 !important;
font-size: 16px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
line-height: 19.5px !important;
}
[data-bv-rating] .bv_main_container .bv_stars_component_container,
[data-bv-show="inline_rating"] .bv_main_container .bv_stars_component_container {
padding-right: 5px !important;
}
[data-bv-rating] .bv_main_container .bv-off-screen,
[data-bv-show="inline_rating"] .bv_main_container .bv-off-screen {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(1px, 1px, 1px, 1px) !important;
padding: 0 !important;
border: 0 !important;
}
[data-bv-rating] .bv_hover,
[data-bv-show="inline_rating"] .bv_hover {
border: 0 !important;
background: transparent !important;
}
[data-bv-rating] .bv_hover:hover,
[data-bv-show="inline_rating"] .bv_hover:hover {
cursor: pointer !important;
}
.bv_ms_focusable:focus {
border: 1px solid blue !important;
}
/* Inline style 3 */
.fancybox-margin {
margin-right: 15px;
}
/* Inline style 4 */
._unbxd_strike_through_container {
margin: 2px;
}
._unbxd_original_price_container {
margin: 2px;
}
._unbxd_item_discount_text {
margin: 2px;
}
._unbxd_recs-slider {
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
overflow: auto;
}
._unbxd_recs-slider-heading {
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
display: block;
}
._unbxd_recs-slider__item {
cursor: pointer;
float: left;
margin-right: 5px;
margin-left: 5px;
box-sizing: border-box;
padding-right: 0;
flex: none;
text-align: center;
margin-bottom: 20px;
position: relative;
list-style: none;
}
._unbxd_recs-slider__item:last-of-type {
margin-right: 0;
}
._unbxd_recs-slider__item img {
margin-bottom: 3px;
width: 100%;
}
._unbxd_recs-slider-container {
margin-top: 8px;
overflow: hidden;
width: 100%;
}
.unbxd-recs-slider {
position: relative;
}
._unbxd_recs-slider-btn {
background-color: #fff;
border-width: 0;
border-radius: 3px;
box-shadow: -3px 0 6px -3px rgba(68, 88, 112, 0.3);
cursor: pointer;
height: 65px;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
z-index: 1;
}
._unbxd_recs-slider-btn img {
padding: 16px 5px;
}
._unbxd_rex-slider--prev {
left: 5px;
}
._unbxd_rex-slider--next {
right: 5px;
}
._unbxd_recs_product_details {
display: block;
margin-top: 4px;
height: 112px;
}
._unbxd_recs-slider__content {
margin-top: 5px;
margin-bottom: 0;
width: inherit;
overflow: hidden;
font-stretch: normal;
font-style: normal;
text-align: center;
}
._unbxd_content--ratings .recs-star {
height: 15px;
width: 15px;
}
._unbxd_content--ratings .recs-star img {
height: inherit;
width: inherit;
margin: 0;
}
._unxbd_slider_hide {
opacity: 0;
}
._unbxd_rating-item {
display: inline-block;
margin-top: 2px;
}
.unbxd--action--buttons {
display: block;
}
.unbxd--action--buttons>a {
position: absolute;
background: #ffff;
border-radius: 50%;
padding: 4%;
width: 25px;
}
.unbxd--like {
bottom: 132px;
left: 9px;
}
.unbxd--dislike {
bottom: 132px;
right: 9px;
}
.unbxd--share {
top: 15px;
left: 9px;
}
.unbxd--wishlist {
top: 15px;
right: 9px;
}
/* Inline style 5 */
._unbxd_strike_through_container {
margin: 2px;
}
._unbxd_original_price_container {
margin: 2px;
}
._unbxd_item_discount_text {
margin: 2px;
}
._unbxd_recs-slider {
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
overflow: auto;
}
._unbxd_recs-slider-heading {
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
display: block;
}
._unbxd_recs-slider__item {
cursor: pointer;
float: left;
margin-right: 5px;
margin-left: 5px;
box-sizing: border-box;
padding-right: 0;
flex: none;
text-align: center;
margin-bottom: 20px;
position: relative;
list-style: none;
}
._unbxd_recs-slider__item:last-of-type {
margin-right: 0;
}
._unbxd_recs-slider__item img {
margin-bottom: 3px;
width: 100%;
}
._unbxd_recs-slider-container {
margin-top: 8px;
overflow: hidden;
width: 100%;
}
.unbxd-recs-slider {
position: relative;
}
._unbxd_recs-slider-btn {
background-color: #fff;
border-width: 0;
border-radius: 3px;
box-shadow: -3px 0 6px -3px rgba(68, 88, 112, 0.3);
cursor: pointer;
height: 65px;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
z-index: 1;
}
._unbxd_recs-slider-btn img {
padding: 16px 5px;
}
._unbxd_rex-slider--prev {
left: 5px;
}
._unbxd_rex-slider--next {
right: 5px;
}
._unbxd_recs_product_details {
display: block;
margin-top: 4px;
height: 112px;
}
._unbxd_recs-slider__content {
margin-top: 5px;
margin-bottom: 0;
width: inherit;
overflow: hidden;
font-stretch: normal;
font-style: normal;
text-align: center;
}
._unbxd_content--ratings .recs-star {
height: 15px;
width: 15px;
}
._unbxd_content--ratings .recs-star img {
height: inherit;
width: inherit;
margin: 0;
}
._unxbd_slider_hide {
opacity: 0;
}
._unbxd_rating-item {
display: inline-block;
margin-top: 2px;
}
.unbxd--action--buttons {
display: block;
}
.unbxd--action--buttons>a {
position: absolute;
background: #ffff;
border-radius: 50%;
padding: 4%;
width: 25px;
}
.unbxd--like {
bottom: 132px;
left: 9px;
}
.unbxd--dislike {
bottom: 132px;
right: 9px;
}
.unbxd--share {
top: 15px;
left: 9px;
}
.unbxd--wishlist {
top: 15px;
right: 9px;
}
/* Inline style 6 */
@media only screen and (max-width: 800px) {
.sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item.menu-mobile-show>a {
visibility: visible !important;
}
.filter .filter-current {
margin: 5px 0 0;
}
}
/* Inline style 7 */
.amgdprjs-bar-template {
z-index: 15;
bottom: 0;
}
/* Inline style 8 */
ul.weltpixel_multistore li img {
height: 20px;
width: 30px;
}
/* Inline style 9 */
#html-body [data-pb-style="M6THEQS"] {
justify-content: flex-start;
display: flex;
flex-direction: column;
background-position: left top;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
#html-body [data-pb-style="M6THEQS"],
#html-body [data-pb-style="VXFWSGO"] {
border-style: none;
border-width: 1px;
border-radius: 0;
margin: 0;
padding: 0;
}
/* Inline style 10 */
#custom-slider-28 {
min-height: 42px;
}
/* Inline style 11 */
/* Inline style 12 */
@media only screen and (max-width: 1180px) and (min-width: 767px) {
body #search_bar_container button.autosuggest-close-btn {
display: block;
}
}
.page-header-v1 .page-header .header-top .custom-slider {
min-height: 20px !important;
}
/* Inline style 13 */
.weltpixel_multistore .current-store {
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 0 0;
}
.weltpixel_multistore .current-store span {
font-size: 12px;
padding-left: 5px;
font-weight: 700;
color: #fff;
}
.weltpixel_multistore .store-switcher-dropdown {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
background: #fff;
border: 1px solid #ddd;
z-index: 1000;
min-width: 160px;
}
.weltpixel_multistore.open .store-switcher-dropdown {
display: block;
}
.weltpixel_multistore .store-switcher-dropdown li {
padding: 5px 10px;
display: flex;
align-items: center;
gap: 8px;
}
.weltpixel_multistore .store-switcher-dropdown li:hover {
background-color: #f1f1f1;
}
.weltpixel_multistore img {
width: 21px;
height: 21px;
object-fit: cover;
border-radius: 50%;
}
/* Inline style 14 */
ul.weltpixel_multistore li img {
height: 20px;
width: 30px;
}
/* Inline style 15 */
.button-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
position: relative;
gap: 10px;
}
/* Tombol utama - Neon Red Pink */
.button {
flex: 1;
text-align: center;
background: linear-gradient(to bottom, #1d5eff, #06132f);
color: #eef4ff;
text-decoration: none;
font-weight: bold;
padding: 15px 0;
font-size: 20px;
border: 2px solid #d8a93a;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: inset 0 0 12px rgba(255, 80, 120, 0.6),
0 4px 15px rgba(29, 94, 255, 0.45);
border-radius: 6px;
display: block;
}
/* Hover effect */
.button:hover {
background: linear-gradient(to bottom, #f5d57b, #9a6815);
transform: scale(1.03);
box-shadow: 0 0 25px rgba(29, 94, 255, 0.65),
inset 0 0 15px rgba(255, 100, 120, 0.7);
border-color: #f5d57b;
text-shadow: 0 0 15px rgba(245, 213, 123, 0.75);
}
/* Divider - neon pink */
.divider {
width: 1px;
background: linear-gradient(to bottom, transparent, #f5d57b, transparent);
box-shadow: 0 0 8px rgba(245, 213, 123, 0.8);
}
/* Inline style 16 */
.fotorama1768680166529 .fotorama__nav--thumbs .fotorama__nav__frame {
padding: 2px;
height: 80px;
}
.fotorama1768680166529 .fotorama__thumb-border {
height: 80px;
border-width: 2px;
margin-top: 2px;
}
/* Inline style 17 */
@media (max-width: 767px) {
body.catalog-product-view #maincontent .product-info-main .return-policy-pdp .return-icon {
padding: 0;
}
}
/* Inline style 18 */
.fotorama__stage__shaft .fotorama__active .fotorama__img {
width: auto;
height: auto;
}
/* Inline style 19 */
/* == START CLEANSLATE == */
/*!
* This includes a subset of CleanSlate.
*
* ***IMPORTANT*** The only modifications to this code should be adding,
* removing or namespacing rules.
*
* CleanSlate
* github.com/premasagar/cleanslate
*
* An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.
*
* by Premasagar Rose
* dharmafly.com
*
* license
* opensource.org/licenses/mit-license.php
*
* v0.10.1
*/
[data-bv-show="rating_summary"] a,
[data-bv-show="rating_summary"] span,
[data-bv-show="rating_summary"] div,
[data-bv-show="rating_summary"] svg,
[data-bv-show="rating_summary"] path,
[data-bv-show="rating_summary"] polygon,
[data-bv-show="rating_summary"] button {
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
/* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
background-position: 0 0 !important;
background-repeat: repeat !important;
border-color: black !important;
border-color: currentColor !important;
/* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value . For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
border-radius: 0 !important;
border-style: none !important;
border-width: medium !important;
bottom: auto !important;
clear: none !important;
clip: auto !important;
color: inherit !important;
counter-increment: none !important;
counter-reset: none !important;
cursor: auto !important;
direction: inherit !important;
display: inline !important;
float: none !important;
font-family: inherit !important;
/* As with other inherit values, this needs to be set on the root container element */
font-size: inherit !important;
font-style: inherit !important;
font-variant: normal !important;
font-weight: inherit !important;
height: auto !important;
left: auto !important;
letter-spacing: normal !important;
line-height: inherit !important;
list-style-type: inherit !important;
/* Could set list-style-type to none */
list-style-position: outside !important;
list-style-image: none !important;
margin: 0 !important;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
opacity: 1;
outline: invert none medium !important;
overflow: visible !important;
padding: 0 !important;
position: static !important;
quotes: "" "" !important;
right: auto !important;
table-layout: auto !important;
text-align: inherit !important;
text-decoration: inherit !important;
text-indent: 0 !important;
text-transform: none !important;
top: auto !important;
unicode-bidi: normal !important;
vertical-align: baseline !important;
visibility: inherit !important;
white-space: normal !important;
width: auto !important;
word-spacing: normal !important;
z-index: auto !important;
/* CSS3 */
/* Including all prefixes according to http://caniuse.com/ */
/* CSS Animations don't cascade, so don't require resetting */
-webkit-background-origin: padding-box !important;
background-origin: padding-box !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
-webkit-background-size: auto !important;
-moz-background-size: auto !important;
background-size: auto !important;
-webkit-border-image: none !important;
-moz-border-image: none !important;
-o-border-image: none !important;
border-image: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
-webkit-column-count: auto !important;
-moz-column-count: auto !important;
column-count: auto !important;
-webkit-column-gap: normal !important;
-moz-column-gap: normal !important;
column-gap: normal !important;
-webkit-column-rule: medium none black !important;
-moz-column-rule: medium none black !important;
column-rule: medium none black !important;
-webkit-column-span: 1 !important;
-moz-column-span: 1 !important;
/* doesn't exist yet but probably will */
column-span: 1 !important;
-webkit-column-width: auto !important;
-moz-column-width: auto !important;
column-width: auto !important;
font-feature-settings: normal !important;
overflow-x: visible !important;
overflow-y: visible !important;
-webkit-hyphens: manual !important;
-moz-hyphens: manual !important;
hyphens: manual !important;
-webkit-perspective: none !important;
-moz-perspective: none !important;
-ms-perspective: none !important;
-o-perspective: none !important;
perspective: none !important;
-webkit-perspective-origin: 50% 50% !important;
-moz-perspective-origin: 50% 50% !important;
-ms-perspective-origin: 50% 50% !important;
-o-perspective-origin: 50% 50% !important;
perspective-origin: 50% 50% !important;
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
text-shadow: none !important;
-webkit-transition: all 0s ease 0s !important;
transition: all 0s ease 0s !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
-webkit-transform-origin: 50% 50% !important;
-moz-transform-origin: 50% 50% !important;
-ms-transform-origin: 50% 50% !important;
-o-transform-origin: 50% 50% !important;
transform-origin: 50% 50% !important;
-webkit-transform-style: flat !important;
-moz-transform-style: flat !important;
-ms-transform-style: flat !important;
-o-transform-style: flat !important;
transform-style: flat !important;
word-break: normal !important;
}
/* Necessary because cursor: auto breaks our hover styling */
[data-bv-show="rating_summary"] svg,
[data-bv-show="rating_summary"] polygon {
cursor: inherit !important;
}
[data-bv-show="rating_summary"] div {
display: block !important;
}
[data-bv-show="rating_summary"] a {
color: blue !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] a:visited {
color: #529 !important;
}
[data-bv-show="rating_summary"] a,
[data-bv-show="rating_summary"] a * {
cursor: pointer !important;
}
[data-bv-show="rating_summary"] path,
[data-bv-show="rating_summary"] polygon {
fill: currentColor !important;
}
/* == ROOT CONTAINER ELEMENT == */
/* This contains default values for child elements to inherit */
[data-bv-show="rating_summary"] {
font-size: medium !important;
line-height: 1 !important;
direction: ltr !important;
text-align: left !important;
/* for IE, Opera */
text-align: start !important;
/* recommended W3C Spec */
color: black !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
list-style-type: disc !important;
}
/* == END CLEANSLATE == */
[data-bv-show="rating_summary"] .bv_main_container {
display: inline-flex !important;
flex-wrap: wrap !important;
background-color: transparent !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
margin-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
border-bottom-style: solid !important;
border-bottom-color: transparent !important;
border-bottom-width: 2px !important;
border-left-style: solid !important;
border-left-color: transparent !important;
border-left-width: 2px !important;
border-right-style: solid !important;
border-right-color: transparent !important;
border-right-width: 2px !important;
border-top-style: solid !important;
border-top-color: transparent !important;
border-top-width: 1px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex {
display: inline-flex !important;
align-items: center !important;
padding-right: 1em !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_normal {
width: 100% !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_CTA_row {
display: inline-flex !important;
padding-top: 0.5em !important;
width: 100% !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_line_break {
margin-top: 0.5em !important;
width: 100% !important;
max-width: 18em !important;
border-bottom: 1px solid #cecece !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_microdata_hidden {
display: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_zero_ratings_text_container {
padding-right: 1em !important;
overflow: hidden !important;
display: inline-block !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
max-width: 300px !important;
cursor: default !important;
color: #515151 !important;
font-size: 12px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
@media screen and (max-width: 450px) {
[data-bv-show="rating_summary"] .bv_main_container .bv_zero_ratings_text_container {
max-width: 90vw !important;
margin: 10px 0 !important;
}
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container {
display: flex !important;
align-items: center !important;
padding-right: 0.1em !important;
color: #036ad8 !important;
font-size: 14px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:hover {
cursor: pointer !important;
color: #0e1111 !important;
font-size: 14px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:visited {
color: #036ad8 !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_component_container {
display: flex !important;
align-items: center !important;
white-space: nowrap !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_delimeter {
padding-right: 0.1em !important;
color: #ccc !important;
font-size: 14px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text {
white-space: nowrap !important;
color: #036ad8 !important;
font-size: 14px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:hover {
cursor: pointer !important;
color: #0e1111 !important;
font-size: 14px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:visited {
color: #036ad8 !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_percentRecommend_component_container {
padding-top: 0.5em !important;
color: #515151 !important;
font-size: 12px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_incentivized_component_container {
padding-top: 0.5em !important;
padding-bottom: 0.3em !important;
color: #515151 !important;
font-size: 12px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container {
padding-top: 0.5em !important;
color: #515151 !important;
font-size: 12px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button {
padding: 0 !important;
color: #036ad8 !important;
font-size: 14px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:hover,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:hover {
cursor: pointer !important;
color: #0e1111 !important;
font-size: 14px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:visited,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:visited {
color: #036ad8 !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable>a:focus,
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable button:focus {
border: 1px solid blue !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container {
display: flex !important;
align-items: center !important;
overflow: hidden !important;
white-space: nowrap !important;
padding-right: 1em !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container span {
display: inherit !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container svg:not(:last-child) {
padding-right: 1px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container:hover {
cursor: pointer !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull {
padding: 0.5em 1em 0.5em 1em !important;
align-self: center !important;
border: none !important;
text-align: center !important;
text-decoration: none !important;
background-image: -webkit-linear-gradient(top,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0) !important;
color: #ffffff !important;
font-size: 14px !important;
background-color: #1d5eff !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: uppercase !important;
font-weight: bold !important;
font-style: normal !important;
text-decoration: none !important;
border-bottom-style: none !important;
border-bottom-color: #003776 !important;
border-bottom-width: 0px !important;
border-left-style: none !important;
border-left-color: #003776 !important;
border-left-width: 0px !important;
border-right-style: none !important;
border-right-color: #003776 !important;
border-right-width: 0px !important;
border-top-style: none !important;
border-top-color: #003776 !important;
border-top-width: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull:hover {
cursor: pointer !important;
background-image: none !important;
box-shadow: none !important;
background-color: #0b3b91 !important;
color: #ffffff !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: uppercase !important;
font-weight: bold !important;
font-style: normal !important;
font-size: 14px !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist {
color: #036ad8 !important;
font-size: 14px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:hover {
cursor: pointer !important;
color: #0e1111 !important;
font-size: 14px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:visited {
color: #036ad8 !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable:focus {
border: 1px solid blue !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_offscreen_text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(1px 1px 1px 1px) !important;
padding: 0 !important;
border: 0 !important;
}
div.bv_modal_component_container[data-bv-modal] {
display: flex !important;
flex-wrap: wrap !important;
position: absolute !important;
z-index: 1000 !important;
background-color: #ffffff !important;
}
div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content:before {
content: "";
display: inline-flex !important;
position: absolute !important;
left: 45% !important;
top: -5px !important;
width: 10px !important;
height: 10px !important;
border-right: 1px solid black !important;
border-bottom: 1px solid black !important;
transform: rotate(-134Deg) !important;
background-color: #ffffff !important;
}
div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content {
margin: 0 auto !important;
display: inline-flex !important;
flex-wrap: wrap !important;
padding: 2em !important;
border: 1px solid black !important;
max-width: 270px !important;
}
.bv_histogram_component_container {
min-width: 200px !important;
}
.bv_histogram_row_prefix {
display: table-cell !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
.bv_histogram_row_container {
min-width: 200px !important;
height: 25px !important;
padding: 0px !important;
margin: 0px !important;
display: table-row !important;
cursor: pointer !important;
color: #515151 !important;
font-size: 12px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_histogram_row_container:hover {
background-color: #f7f7f7 !important;
}
.bv_histogram_row_bar_empty {
border-radius: 2px !important;
height: 10px !important;
display: block !important;
background-image: linear-gradient(to bottom,
rgba(255, 255, 255, 0.3) 0,
rgba(255, 255, 255, 0) 100%) !important;
background-color: #ccc !important;
background-color: #cccccc !important;
}
.bv_histogram_row_bar_filled {
border-radius: 2px !important;
height: 10px !important;
display: block !important;
background-image: linear-gradient(to bottom,
rgba(255, 255, 255, 0.3) 0,
rgba(255, 255, 255, 0) 100%) !important;
background-color: #515151 !important;
}
.bv_histogram_row_full_bar {
display: table-cell !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: 100% !important;
vertical-align: middle !important;
}
.bv_histogram_row_rating {
display: table-cell !important;
vertical-align: middle !important;
text-align: center !important;
}
.bv_histogram_row_star {
vertical-align: middle !important;
margin-left: 2px;
}
.bv_button_buttonFull {
padding: 0.5em 1em 0.5em 1em !important;
align-self: center !important;
border: none !important;
text-align: center !important;
text-decoration: none !important;
background-image: -webkit-linear-gradient(top,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0) !important;
color: #ffffff !important;
font-size: 14px !important;
background-color: #1d5eff !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: uppercase !important;
font-weight: bold !important;
font-style: normal !important;
text-decoration: none !important;
border-bottom-style: none !important;
border-bottom-color: #003776 !important;
border-bottom-width: 0px !important;
border-left-style: none !important;
border-left-color: #003776 !important;
border-left-width: 0px !important;
border-right-style: none !important;
border-right-color: #003776 !important;
border-right-width: 0px !important;
border-top-style: none !important;
border-top-color: #003776 !important;
border-top-width: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.bv_button_buttonFull:hover {
cursor: pointer !important;
background-image: none !important;
box-shadow: none !important;
background-color: #0b3b91 !important;
color: #ffffff !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: uppercase !important;
font-weight: bold !important;
font-style: normal !important;
font-size: 14px !important;
text-decoration: none !important;
}
.bv_button_buttonMinimalist {
color: #036ad8 !important;
font-size: 14px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
.bv_button_buttonMinimalist:hover {
cursor: pointer !important;
color: #0e1111 !important;
font-size: 14px !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
.bv_button_buttonMinimalist:visited {
color: #036ad8 !important;
font-family: Roboto, Arial, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}
.bv_ms_focusable:focus {
border: 1px solid blue !important;
}
.bv_offscreen_text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(1px 1px 1px 1px) !important;
padding: 0 !important;
border: 0 !important;
}
.bv_ms_focusable:focus {
border: 1px solid blue !important;
}
/* Inline style 20 */
#html-body [data-pb-style="GP2CGTI"] {
justify-content: flex-start;
display: flex;
flex-direction: column;
background-position: left top;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
border-style: none;
border-width: 1px;
border-radius: 0;
margin: 0;
padding: 0;
}
#html-body [data-pb-style="V8YTJQU"] {
display: none;
}
#html-body [data-pb-style="KJI99O5"],
#html-body [data-pb-style="V8YTJQU"] {
border-style: none;
border-width: 1px;
border-radius: 0;
margin: 0;
padding: 0;
}
block-search .actions .action.search {
background: none !important;
border: none !important;
box-shadow: none !important;
}
/* Matikan pseudo-element icon bawaan */
.block-search .actions .action.search::before,
.block-search .actions .action.search::after {
content: none !important;
display: none !important;
}
#tab-label-bv_reviews .data.switch {
display: inline-flex;
align-items: center;
/* INI KUNCINYA */
}
#tab-label-bv_reviews [data-bv-show="inline_rating"] {
display: inline-flex;
align-items: center;
margin-left: 4px;
}
#tab-label-bv_reviews svg {
display: block;
}
#tab-label-bv_reviews .bv_stars_component_container {
line-height: 1;
}
.reviews {
padding: 32px 0;
}
.reviews-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 24px;
}
.reviews-top {
display: grid;
grid-template-columns: 1.4fr 1fr 1.2fr;
gap: 48px;
padding-bottom: 24px;
border-bottom: 1px solid #e5e5e5;
}
.reviews-col {
min-height: 100px;
}
.reviews-subtitle {
font-size: 16px;
font-weight: 600;
margin-bottom: 8px;
}
.reviews-desc {
font-size: 13px;
color: #555;
margin-bottom: 16px;
}
.rating-summary {
display: flex;
flex-direction: column;
gap: 8px;
}
.rating-row {
display: grid;
grid-template-columns: 80px 1fr 24px;
align-items: center;
gap: 10px;
}
.rating-label {
font-size: 13px;
}
.rating-bar {
height: 10px;
background: #d0d0d0;
border-radius: 6px;
overflow: hidden;
}
.rating-fill {
height: 100%;
background: #555;
}
.rating-count {
font-size: 13px;
text-align: right;
}
.overall-rating {
display: flex;
flex-direction: column;
gap: 8px;
}
.overall-score {
font-size: 48px;
font-weight: 600;
line-height: 1;
}
.overall-stars {
font-size: 18px;
letter-spacing: 2px;
}
.overall-link {
font-size: 13px;
color: #0066cc;
text-decoration: none;
}
.overall-link:hover {
text-decoration: underline;
}
.write-review-stars {
display: flex;
gap: 8px;
margin: 8px 0 12px;
}
.star-box {
width: 40px;
height: 40px;
border: 1px solid #777;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
cursor: pointer;
}
.write-review-note {
font-size: 12px;
color: #555;
max-width: 220px;
}
.reviews-filter {
padding: 24px 0;
border-bottom: 1px solid #e5e5e5;
}
.reviews-filter-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
.reviews-filter-left {
display: flex;
gap: 16px;
}
.reviews-select {
min-width: 160px;
padding: 10px 12px;
font-size: 13px;
border: 1px solid #777;
background: #fff;
}
.reviews-count {
font-size: 13px;
}
.reviews-sort {
display: flex;
}
/* =========================
HARD FORCE TEXT COLOR (ANTI KETABRAK THEME)
========================= */
.reviews-filter,
.reviews-filter * {
color: #003776 !important;
}
/* kalau ada theme yang set link jadi putih */
.reviews-filter a,
.reviews-filter a:visited,
.reviews-filter a:hover {
color: #003776 !important;
}
/* =========================
DROPDOWN BASE
========================= */
.reviews-filter .filter-dropdown {
position: relative !important;
display: inline-block !important;
}
/* TRIGGER */
.reviews-filter .filter-trigger {
min-width: 160px !important;
padding: 10px 14px !important;
border: 1px solid #777 !important;
background-color: #ffffff !important;
color: #003776 !important;
font-size: 13px !important;
font-weight: 400 !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
cursor: pointer !important;
box-sizing: border-box !important;
}
/* paksa juga anaknya (span/icon) */
.reviews-filter .filter-trigger *,
.reviews-filter .filter-trigger span,
.reviews-filter .filter-trigger svg,
.reviews-filter .filter-trigger path,
.reviews-filter .filter-trigger polygon {
color: #003776 !important;
fill: #003776 !important;
}
.reviews-filter .filter-trigger:hover {
background-color: #f5f5f5 !important;
}
/* MENU */
.reviews-filter .filter-menu {
position: absolute !important;
top: calc(100% + 6px) !important;
left: 0 !important;
width: 100% !important;
background-color: #ffffff !important;
border: 1px solid #dcdcdc !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
z-index: 999999 !important;
display: none;
padding: 4px 0 !important;
}
/* OPTION */
.reviews-filter .filter-option {
width: 100% !important;
padding: 10px 14px !important;
background-color: #ffffff !important;
color: #003776 !important;
border: none !important;
text-align: left !important;
font-size: 13px !important;
font-weight: 400 !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
cursor: pointer !important;
box-sizing: border-box !important;
}
/* paksa anak option juga */
.reviews-filter .filter-option *,
.reviews-filter .filter-option span,
.reviews-filter .filter-option svg,
.reviews-filter .filter-option path,
.reviews-filter .filter-option polygon {
color: #003776 !important;
fill: #003776 !important;
}
.reviews-filter .filter-option:hover {
background-color: #f0f0f0 !important;
}
/* ICON + */
.reviews-filter .filter-plus {
width: 14px !important;
text-align: center !important;
font-weight: 700 !important;
color: #003776 !important;
}
/* selected (kalau kamu mau nanti) */
.reviews-filter .filter-option.active {
background-color: #f5f5f5 !important;
}
/* jangan pakai ::before kalau span-nya sudah berisi "+", biar gampang:
nanti JS ganti textContent "+" -> "✓"
*/
.filter-dropdown,
.filter-trigger,
.filter-menu,
.filter-option {
pointer-events: auto !important;
position: relative !important;
z-index: 9999 !important;
}
.filter-dropdown {
position: relative !important;
overflow: visible !important;
}
.filter-menu {
position: absolute !important;
top: 100% !important;
left: 0 !important;
z-index: 99999 !important;
display: none;
background: #fff !important;
border: 1px solid #777 !important;
}
#bv_review_maincontainer,
#bv_reviews,
.data.item.content,
.product.data.items {
overflow: visible !important;
}
.reviews-filter-bottom {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
margin-top: 16px !important;
}
.reviews-sort .filter-trigger {
min-width: 200px !important;
}
.review-item {
display: flex !important;
gap: 24px !important;
padding: 24px 0 !important;
color: #000 !important;
border: none !important;
}
.review-left {
min-width: 180px !important;
font-weight: 600 !important;
}
.review-author {
font-size: 14px !important;
}
.review-right {
flex: 1 !important;
}
.review-header {
display: block !important;
}
.review-rating {
display: block !important;
}
.review-stars {
display: block !important;
font-size: 14px !important;
letter-spacing: 1px !important;
margin-bottom: 4px !important;
}
.review-title {
display: block !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 1.4 !important;
}
.review-meta {
display: block !important;
margin-top: 6px !important;
}
.review-author-name {
display: block !important;
font-weight: 600 !important;
font-size: 13px !important;
color: #000 !important;
}
.review-date {
display: block !important;
font-size: 12px !important;
color: #666 !important;
margin-top: 2px !important;
}
.review-meta span:not(:last-child)::after {
content: " · ";
}
.review-body {
margin-top: 12px !important;
font-size: 10px !important;
line-height: 1.6 !important;
color: #666 !important;
}
.review-translate {
display: inline-block !important;
margin-top: 8px !important;
font-size: 13px !important;
color: #0056d2 !important;
text-decoration: none !important;
}
.review-translate:hover {
text-decoration: underline !important;
}
.review-badges {
margin-top: 12px !important;
}
.review-badge {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 6px 10px !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
font-size: 10px !important;
color: #666 !important;
}
.review-badge img {
height: 16px !important;
}
/* ===== ROW CONTAINER ===== */
.reviews-filter-bottom {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 16px 20px !important;
background: #f7f7f7 !important;
border-radius: 4px !important;
margin-top: 20px !important;
}
/* ===== COUNT TEXT ===== */
#reviews-count {
font-size: 14px !important;
color: #000 !important;
font-weight: 400 !important;
}
/* ===== PAGINATION WRAP ===== */
.reviews-pagination {
display: flex !important;
gap: 8px !important;
}
/* ===== BUTTON BASE ===== */
.reviews-pagination button {
width: 40px !important;
height: 40px !important;
border: 1px solid #ccc !important;
background: #fff !important;
border-radius: 4px !important;
font-size: 22px !important;
/* 🔥 arrow lebih besar */
line-height: 1 !important;
color: #000 !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
}
/* ===== HOVER ===== */
.reviews-pagination button:hover:not(:disabled) {
border-color: #000 !important;
background: #fff !important;
}
/* ===== DISABLED STATE ===== */
.reviews-pagination button:disabled {
opacity: 0.4 !important;
cursor: not-allowed !important;
background: #fff !important;
}
/* ===== ICON ALIGN FIX (kalau pakai entity ‹ ›) ===== */
#prevPage,
#nextPage {
font-family: Arial, Helvetica, sans-serif !important;
}
/* Inline style 21 */
.below-copyright~.widget.block {
display: none;
}
@media (max-width: 480px) {
div#codilar-product-listing-pagination .pagess .items .item:not([class*="pages-item"]) {
width: 25px;
height: 25px;
line-height: 25px;
}
}
@media (min-width: 1024px) {
html div#codilar-product-listing-pagination .pagess .items .item .action.previous,
div#codilar-product-listing-pagination .pagess .items .item .action.next {
width: max-content;
}
}
/* Inline style 22 */
body.catalog-product-view .product-info-main .product-options-wrapper .swatch-option.text {
width: auto !important;
min-width: 85px !important;
}
.payment_emi {
display: none;
}
.faq-search-block .actions button {
background: transparent !important;
border: none !important;
}
.popup-newsletter .modal-inner-wrap .modal-header .action-close:before {
color: #000;
}
.catalog-product-view .product .mobile-top-info .discount {
display: none;
}
.row.footer-space {
border-top: 1px solid #303030;
border-bottom: 1px solid #303030;
}
body.catalog-product-view .page-wrapper>.page-bottom,
body.checkout-cart-index .page-wrapper>.page-bottom {
border-top: 1px solid #ccc;
}
body.catalog-product-view .product-addto-links {
bottom: 0 !important;
}
@media screen and (max-width: 767px) {
.submenu-inner .custom {
right: 10px;
top: 50px;
z-index: 1;
}
.popup-newsletter .modal-inner-wrap input {
margin-right: 0;
}
body.catalog-product-view {
.product-addto-links {
bottom: 36px !important;
}
.product-options-bottom .box-tocart .fieldset .actions {
display: block !important;
}
}
}
#whatsapp {
display: none;
}
.fa-whatsapp {
display: none;
}
.block-authentication .actions-toolbar {
padding-top: 20px;
}
.clients-grid.grid-2 li {
width: 50%;
padding: 25px 0;
}
.clients-grid li,
.testimonials-grid li {
float: left;
position: relative;
width: 20%;
padding: 20px 0;
}
clients-grid li:before,
.testimonials-grid li:before {
height: 100%;
top: 0;
left: -1px;
border-left: 1px dashed #ddd;
}
.clients-grid li:after,
.testimonials-grid li:after {
width: 100%;
height: 0;
top: auto;
left: 0;
bottom: -1px;
border-bottom: 1px dashed #ddd;
}
.clients-grid li a img {
width: 100%;
}
.clients-grid li:before,
.testimonials-grid li:before {
height: 100%;
top: 0;
left: -1px;
border-left: 1px dashed #ddd;
}
.clients-grid li a,
.clients-grid li img {
display: block;
width: 75%;
margin-left: auto;
margin-right: auto;
}
.custom {
position: absolute;
right: 90px;
top: 30px;
}
.custom,
.custom:hover {
right: 20px;
top: 13px;
z-index: 1;
border: none !important;
background: none !important;
}
.custom:after {
content: "\e616";
color: #000;
font-family: "luma-icons";
}
@media (max-width: 767px) {
body.catalog-product-view .product.info.detailed .data.item.title+.data.item.content {
display: none !important;
}
body.catalog-product-view .product.info.detailed .data.item.title.active+.data.item.content {
display: block !important;
}
}
@media (max-width: 767px) {
.footer-container .container .row .collapsible>span:after {
color: #fff !important;
}
}
.sale .nav-anchor span {
color: #f5d57b !important;
}
.sp-custom-70-1710212255573 span {
color: #f5d57b !important;
}
@media (max-width: 767px) {
body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid .product-items .product-item .product-item-info .product-item-inner .product-item-actions .edit {
margin-right: 15px;
}
}
@media (min-width: 1024px) and (max-width: 1200px) {
body.catalog-product-view .product.media .closer-look {
bottom: 80px;
}
}
@media (min-width: 768px) {
.cms-index-index .custom-slider .owl-stage-outer .owl-item {
max-width: 100%;
}
body.catalog-product-view .column.main .sticky-gall-wrap .product.media .fotorama__wrap .fotorama__stage .fotorama__arr {
right: 10px !important;
}
body.theme-pearl.catalog-product-view.page-layout-1column .product-info-main {
width: 39%;
}
}
.checkout-cart-index #maincontent .block.crosssell {
border: 0;
}
.checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist {
right: 8px !important;
top: 15px !important;
}
div#layer-product-list>.amasty-label-container img {
display: none !important;
}
.catalog-category-view .product-item .product-item-info .product-item-details .price-box.price-final_price .special-price,
.catalog-category-view .product-item .product-item-info .product-item-details .price-box.price-final_price .old-price {
display: inline-block !important;
}
.catalogsearch-result-index .product-item .product-item-info .product-item-details .price-box.price-final_price .special-price,
.catalogsearch-result-index .product-item .product-item-info .product-item-details .price-box.price-final_price .old-price {
display: inline-block !important;
}
@media only screen and (min-width: 768px) {
.catalog-category-view .category-view .page-title-wrapper,
.catalogsearch-result-index .category-view .page-title-wrapper,
.catalogsearch-advanced-result .category-view .page-title-wrapper,
.cms-surprise-drop-event .category-view .page-title-wrapper {
max-width: 1650px;
}
.catalog-category-view.page-products .page-wrapper .breadcrumbs,
.catalogsearch-result-index.page-products .page-wrapper .breadcrumbs,
.catalogsearch-advanced-result.page-products .page-wrapper .breadcrumbs {
max-width: 1650px !important;
}
}
@media (min-width: 640px) {
.custom {
right: 20px;
top: 13px;
z-index: 1;
}
}
/* Inline style 23 */
.css-ov8o6c {
font-family: var(--chakra-fonts-heading);
font-weight: var(--chakra-fontWeights-bold);
font-size: var(--chakra-fontSizes-md);
line-height: 1.2;
color: var(--chakra-colors-black);
}
/* Inline style 24 */
.css-13cf474 {
padding-top: var(--chakra-space-5);
text-align: justify;
margin-bottom: var(--chakra-space-5);
}
/* Inline style 25 */
/* WAK89 celestial sapphire palette: color-only visual layer */
:root {
--wak-night: #020817;
--wak-midnight: #06132f;
--wak-navy: #0a2254;
--wak-royal: #0b3b91;
--wak-sapphire: #1d5eff;
--wak-sky: #7fb3ff;
--wak-gold-deep: #9a6815;
--wak-gold: #d8a93a;
--wak-gold-light: #f5d57b;
--wak-ice: #eef4ff;
--wak-muted: #a9b9df;
--wak-blue-glow: rgba(29, 94, 255, 0.34);
--wak-gold-glow: rgba(245, 213, 123, 0.3);
}
html,
body,
.page-wrapper {
color: var(--wak-ice);
background-color: var(--wak-night);
background-image: radial-gradient(circle at 50% 0, rgba(29, 94, 255, 0.22), transparent 36%), linear-gradient(180deg, var(--wak-midnight), var(--wak-night));
}
a,
.alink {
color: var(--wak-gold-light);
}
a:hover,
.alink:hover {
color: var(--wak-sky);
}
.page-header,
.header.content,
.sections.nav-sections,
.navigation,
.nav-sections-item-content {
color: var(--wak-ice);
background-color: var(--wak-midnight);
background-image: linear-gradient(110deg, var(--wak-night), var(--wak-navy) 52%, var(--wak-midnight));
border-color: rgba(216, 169, 58, 0.58);
box-shadow: 0 8px 28px var(--wak-blue-glow);
}
.navigation .level0 > .level-top,
.navigation a,
.header.links a,
.minicart-wrapper .action.showcart,
.block-search .label {
color: var(--wak-gold-light) !important;
}
.navigation .level0.active > .level-top,
.navigation .level0.has-active > .level-top,
.navigation .level0 > .level-top:hover,
.navigation a:hover {
color: #ffffff !important;
border-color: var(--wak-gold);
text-shadow: 0 0 12px var(--wak-gold-glow);
}
.navigation .submenu,
.block-search input,
input,
select,
textarea {
color: var(--wak-ice);
background-color: var(--wak-midnight);
border-color: rgba(216, 169, 58, 0.62);
box-shadow: 0 0 0 1px rgba(29, 94, 255, 0.16);
}
input::placeholder,
textarea::placeholder {
color: var(--wak-muted);
}
.page-main,
.column.main,
.product-info-main,
.product.info.detailed,
.data.item.content {
color: var(--wak-ice);
background-color: transparent;
border-color: rgba(216, 169, 58, 0.36);
}
h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.pdp-brand-title,
.desc-title,
.product-info-main .product-name {
color: var(--wak-gold-light) !important;
text-shadow: 0 0 14px var(--wak-gold-glow);
}
.price,
.price-box,
.special-price,
.bv_avgRating_component_container,
.bv_numReviews_text {
color: var(--wak-gold-light) !important;
}
.action.primary,
.buynow-button button,
.buynow-button a,
button.primary,
.sticky-add-to-cart .action.primary {
color: #ffffff !important;
background-color: var(--wak-royal) !important;
background-image: linear-gradient(135deg, var(--wak-royal), var(--wak-sapphire)) !important;
border-color: var(--wak-gold) !important;
box-shadow: 0 8px 24px var(--wak-blue-glow), inset 0 0 0 1px rgba(245, 213, 123, 0.2);
text-shadow: 0 1px 8px rgba(2, 8, 23, 0.72);
}
.action.primary:hover,
.buynow-button button:hover,
.buynow-button a:hover,
button.primary:hover,
.sticky-add-to-cart .action.primary:hover {
color: var(--wak-night) !important;
background-color: var(--wak-gold) !important;
background-image: linear-gradient(135deg, var(--wak-gold-light), var(--wak-gold-deep)) !important;
border-color: var(--wak-gold-light) !important;
box-shadow: 0 8px 26px var(--wak-gold-glow);
}
.swatch-option.text {
color: var(--wak-gold-light);
background-color: var(--wak-midnight);
border-color: rgba(216, 169, 58, 0.72);
}
.swatch-option.text:hover,
.swatch-option.selected {
color: var(--wak-night) !important;
background-color: var(--wak-gold-light) !important;
border-color: #ffffff !important;
box-shadow: 0 0 16px var(--wak-gold-glow);
}
.pdp-description-section,
.content.FAQ section,
.review-section,
.review-section > div {
color: var(--wak-ice);
background-color: var(--wak-midnight) !important;
background-image: linear-gradient(145deg, rgba(10, 34, 84, 0.96), rgba(2, 8, 23, 0.98)) !important;
border-color: var(--wak-gold) !important;
box-shadow: 0 0 28px var(--wak-blue-glow) !important;
}
.pdp-description-section p,
.content.FAQ p,
.review-section p,
.product.attribute.description,
.product.attribute.overview {
color: var(--wak-ice) !important;
}
.bv_stars_component_container svg polygon,
.rating-summary .rating-result > span:before {
color: var(--wak-gold-light) !important;
fill: var(--wak-gold-light) !important;
}
.page-footer,
.footer.content,
.footer-container,
.sticky-add-to-cart {
color: var(--wak-muted);
background-color: var(--wak-night);
background-image: linear-gradient(135deg, var(--wak-night), var(--wak-navy));
border-color: rgba(216, 169, 58, 0.5);
box-shadow: 0 -8px 28px rgba(29, 94, 255, 0.2);
}
.page-footer .title,
.page-footer h3,
.page-footer h4,
.footer-container .collapsible > span {
color: var(--wak-gold-light) !important;
}
.page-footer a,
.footer.content a {
color: var(--wak-muted);
}
.page-footer a:hover,
.footer.content a:hover {
color: var(--wak-gold-light);
}
#btt-button,
.btt-button {
color: #ffffff;
background-color: var(--wak-royal);
border-color: var(--wak-gold);
box-shadow: 0 0 18px var(--wak-blue-glow);
}
*:focus-visible {
outline-color: var(--wak-gold-light);
}
* {
scrollbar-color: var(--wak-gold) var(--wak-midnight);
}
/* Full-width frame repair: keeps the existing DOM while removing legacy 1200/1240px compression */
html,
body,
body .page-wrapper {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
background-color: var(--wak-night) !important;
}
body .page-wrapper > .page-bottom,
body .page-header,
body .page-header .header-main,
body .page-header .header-top,
body .sections.nav-sections,
body .sections.nav-sections .navigation,
footer.page-footer,
footer.page-footer > [data-content-type="row"][data-appearance="contained"],
footer.page-footer [data-element="inner"],
footer.page-footer .footer-container,
footer.page-footer .footer {
box-sizing: border-box;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body .page-wrapper > .page-bottom,
footer.page-footer {
padding-left: 0 !important;
padding-right: 0 !important;
}
body:not(.mobile-nav) .sections.nav-sections,
body:not(.mobile-nav) .sections.nav-sections .navigation {
background-color: var(--wak-midnight) !important;
background-image: linear-gradient(110deg, var(--wak-night), var(--wak-navy) 52%, var(--wak-midnight)) !important;
}
.page-header .header.content,
.page-main,
footer.page-footer .footer-container > .footer,
footer.page-footer .copyright.container {
box-sizing: border-box;
width: 100% !important;
max-width: 1600px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.page-header .header.content,
.page-main,
footer.page-footer .footer-container > .footer,
footer.page-footer .copyright.container {
padding-left: clamp(20px, 3vw, 56px) !important;
padding-right: clamp(20px, 3vw, 56px) !important;
}
footer.page-footer .tiles,
footer.page-footer .links,
footer.page-footer .footer-space {
box-sizing: border-box;
width: 100% !important;
max-width: none !important;
}
footer.page-footer .footer-container a,
footer.page-footer .footer-container li a,
footer.page-footer .footer_subscription_consent,
footer.page-footer .footer_subscription_consent label,
footer.page-footer .footer_subscription_consent label span {
color: var(--wak-muted) !important;
}
footer.page-footer .footer-container a:hover,
footer.page-footer .footer-container li a:hover,
footer.page-footer .footer_subscription_consent a {
color: var(--wak-gold-light) !important;
}
@media (max-width: 767px) {
.page-header .header.content,
.page-main,
footer.page-footer .footer-container > .footer,
footer.page-footer .copyright.container {
padding-left: 16px !important;
padding-right: 16px !important;
}
}