:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--light)}:where(:root) .bricks-background-light {background-color: var(--light)}:where(:root) .bricks-color-dark {color: #040404}:where(:root) .bricks-background-dark {background-color: #040404}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)} body {font-size: var(--body); font-family: "Poppins"; font-weight: 400; line-height: 1.2} h1, h2, h3, h4, h5, h6 {line-height: 1.2} h1 {font-size: var(--h1); font-family: "Suez One"; font-weight: 400} h2 {font-size: var(--h2); font-family: "Poppins"; font-weight: 700} h3 {font-size: var(--h3); font-family: "Poppins"; font-weight: 700} h4 {font-size: var(--h4); font-family: "Poppins"; font-weight: 700} h5 {font-size: var(--h5); font-family: "Poppins"} :root .bricks-button[class*="primary"] {font-size: 16px; font-family: "Poppins"; font-weight: 700; color: var(--bricks-color-zziepi); border: 2px solid var(--primary); border-radius: 100px} .bricks-button {padding-top: 1.4rem; padding-right: 3rem; padding-bottom: 1.4rem; padding-left: 3rem; transition: all 0.5s ease} :root .bricks-button[class*="secondary"] {font-size: 16px; font-family: "Poppins"; font-weight: 600; color: #ec5d25; border: 2px solid var(--primary); border-radius: 100px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: #ec5d25} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #fcfcfc} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #f1c358} :root .bricks-button[class*="primary"]:hover {color: var(--primary)} :root .bricks-button[class*="secondary"]:hover {color: #fcfcfc} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--primary)} .brxe-container {margin-top: 8rem; margin-bottom: 8rem; padding-right: 2rem; padding-left: 2rem; width: 100%; max-width: 1440px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1440px}.bricks-button.bricks-background-secondary svg path { transition: all ease 0.3s;}.bricks-button.bricks-background-secondary:hover svg path { transition: all ease 0.3s; stroke: #FCFCFC; fill: #FCFCFC;}.footer::after { content: ""; width: 100%; height: 100%; background-color: #BC8320CC; z-index: 1; position: absolute; top: 0%; left: 0%;}.footer .footer__menu nav ul li a { transition: all ease-in-out 0.3s; max-width: max-content;}@media (max-width: 991px) { .footer .footer__menu nav ul li a { transition: all ease-in-out 0.3s; max-width: 100%;}}.footer .footer__menu nav ul li a:hover { color: #EC5D25;}.footer .footer__wrap-ct span { display: flex; flex-direction: row; gap: 1rem; align-items: center;}.footer .footer__wrap-ct path, .footer .footer__wrap-ct .footer__ct-text { transition: all ease-in-out 0.3s;}.footer .footer__wrap-ct:hover path { fill: #EC5D25;}.footer .footer__wrap-ct:hover .footer__ct-text { color: #EC5D25;}.footer .footer__socmed, .footer .footer__socmed path { transition: all ease-in-out 0.3s;}.footer .footer__socmed:hover { background-color: #EC5D25;}.footer .footer__socmed:hover path:last-child { fill: white;}.g-banner::after { content: ""; width: 100%; height: 100%; background-color: #522900B2; position: absolute; top: 0; left: 0; z-index: 0;}.h-outlet__card:hover .h-outlet__card__img { scale: 1.3;}.h-prod__list::after { transition: all ease 0.3s; content: ""; width: 72px; height: 72px; border: 3px solid #EC5D25; border-radius: 50%; position: absolute; z-index: 2; top: 0; left: 50%; transform: translateX(-50%); visibility: hidden; opacity: 0; }.h-prod__list:hover::after { transition: all ease 0.3s; visibility: visible; opacity: 100; }.h-prod__list .h-prod__item__text { transition: all 0.3s cubic-bezier(0.25, 0.5, 0.75, 1); top: 100%; visibility: hidden; opacity: 0;}.h-prod__list:hover .h-prod__item__text { transition: all 0.3s cubic-bezier(0.25, 0.5, 0.75, 1); top: calc(100% + 1rem); visibility: visible; opacity: 100;}.h-prod__btn:hover svg path { stroke: #EC5D25;}.n-card { transition: all ease 0.3s;}.n-card::after { content: ""; background: linear-gradient(180deg, rgba(38, 23, 23, 0.19) -5.27%, rgba(38, 23, 23, 0.95) 59.57%); position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; opacity: 100; visibility: visible; transition: all ease 0.3s;}.n-card:hover::after { visibility: hidden; opacity: 0;}.n-card::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; visibility: hidden; background: linear-gradient(180deg, rgba(38, 23, 23, 0.19) -34.95%, rgba(236, 93, 37, 0.95) 54.3%); transition: all ease 0.3s;}.n-card:hover::before { visibility: visible; opacity: 100;}.n-card .n-card__wrap-date { transition: all ease 0.3s;}.n-card:hover .n-card__wrap-date { background-color: #EC5D25;}.n-card .n-card__img { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.n-card:hover .n-card__img { scale: 1.3;}.n-card .n-card__wrap-hover { height: 100%; max-height: 0px; visibility: hidden; opacity: 0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.n-card:hover .n-card__wrap-hover { max-height: 1000px; visibility: visible; opacity: 100; padding-bottom: 35px; }.n-card__btn .n-card__btn-text { transition: all ease 0.3s;}.n-card__btn .n-card__btn-icon { transition: all ease 0.3s;}.n-card__btn:hover .n-card__btn-text { color: #FEC150 !important; padding-right: 10px !important;}.n-card__btn:hover .n-card__btn-icon path { stroke: #FEC150 !important;}.p-list__nest__content { padding: unset !important; border: unset !important;}.p-list__nest__cat { transition: all ease 0.3s;}.p-list__nest__cat:hover,.p-list__nest__cat.brx-open { background-color: unset !important; background-image: url("https://createdbyjo.my.id/bakpiamu/wp-content/uploads/2025/11/tab-orange.png") !important;}.p-list__nest__cat .p-list__nest__cat-text { transition: all ease 0.3s;}.p-list__nest__cat:hover .p-list__nest__cat-text, .p-list__nest__cat.brx-open .p-list__nest__cat-text{ color: #FCFCFC !important;}.p-list__nest__post.p-card::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; backdrop-filter: blur(4px);background: #86868680; opacity: 0; visibility: hidden; transition: all ease 0.3s;}.p-list__nest__post.p-card:hover::after { opacity: 100; visibility: visible;}.p-list__nest__post.p-card:hover .p-card__wrap { visibility: visible; opacity: 100; bottom: 0%;}@media (max-width: 991px) { .h-prod__list .h-prod__item__text { top: calc(100% + 1rem); visibility: visible; opacity: 100; } .n-card::after { content: unset; } .n-card::before { visibility: visible; opacity: 100; background: linear-gradient(180deg, rgba(38, 23, 23, 0.19) 20%, rgba(236, 93, 37, 0.95) 75%); } .n-card .n-card__wrap-date { background-color: #EC5D25; } .n-card .n-card__wrap-hover { max-height: 1000px; visibility: visible; opacity: 100; padding-bottom: 35px !important; }} html {background-color: var(--light)} body {background: none}@media (max-width: 991px) { .brxe-container {margin-top: 6rem; margin-bottom: 6rem}}@media (max-width: 767px) { .brxe-container {margin-top: 4rem; margin-bottom: 4rem}}