/*
|--------------------------------------------------------------------------
| SecondScent — Force Light Theme
|--------------------------------------------------------------------------
*/

:root,
html[data-bs-theme="light"] {
    color-scheme: light;

    --bs-body-bg: #ffffff;
    --bs-body-color: #222222;

    --bs-emphasis-color: #111111;
    --bs-secondary-bg: #f7f5f2;
    --bs-tertiary-bg: #faf9f7;

    --bs-border-color: #e5e1dc;
    --bs-link-color: #171717;
    --bs-link-hover-color: #765b45;
}

html,
body {
    background-color: #ffffff !important;
    color: #222222 !important;
}


/*
|--------------------------------------------------------------------------
| Paksa asset versi terang
|--------------------------------------------------------------------------
*/

.light-mode-img {
    display: block !important;
}

.dark-mode-img {
    display: none !important;
}


/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/

.header .main-header,
.header .sticky-area {
    background-color: rgba(255, 255, 255, 0.96) !important;
    color: #171717 !important;
}

.header .nav-link,
.header .navbar-brand,
.header .icons-actions,
.header .color-inherit,
.header .btn-link {
    color: #171717 !important;
}

.header .nav-link:hover,
.header .nav-link:focus,
.header .icons-actions a:hover {
    color: #765b45 !important;
}

.header .navbar-toggler {
    color: #171717 !important;
}

.header .toggle-icon,
.header .toggle-icon::before,
.header .toggle-icon::after {
    background-color: #171717 !important;
}


/*
|--------------------------------------------------------------------------
| Dropdown
|--------------------------------------------------------------------------
*/

.header .dropdown-menu,
.header .mega-menu {
    background-color: #ffffff !important;
    color: #222222 !important;
    border-color: #e5e1dc !important;
}

.header .dropdown-item {
    color: #222222 !important;
}

.header .dropdown-item:hover,
.header .dropdown-item:focus {
    background-color: #f7f5f2 !important;
    color: #765b45 !important;
}


/*
|--------------------------------------------------------------------------
| Global sections
|--------------------------------------------------------------------------
*/

.wrapper,
section,
footer {
    color: #222222;
}

.bg-body {
    background-color: #ffffff !important;
}

.bg-section-2 {
    background-color: #f7f5f2 !important;
}

.text-body-emphasis,
.text-body-calculate {
    color: #171717 !important;
}

.border-bottom,
.border-top,
.border-start,
.border-end {
    border-color: #e5e1dc !important;
}


/*
|--------------------------------------------------------------------------
| Product cards
|--------------------------------------------------------------------------
*/

.card,
.card-product {
    background-color: transparent !important;
    color: #222222 !important;
}

.card-product .product-title,
.card-product .price {
    color: #171717 !important;
}


/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

.footer {
    background-color: #ffffff !important;
    color: #333333 !important;
}

.footer a {
    color: #333333 !important;
}

.footer a:hover {
    color: #765b45 !important;
}


/*
|--------------------------------------------------------------------------
| Sembunyikan switch dark/light
|--------------------------------------------------------------------------
*/

.color-modes {
    display: none !important;
}

/*
|--------------------------------------------------------------------------
| Search Offcanvas
|--------------------------------------------------------------------------
*/

#searchModal {
    --bs-offcanvas-height: auto;

    background-color: #ffffff !important;
    color: #171717 !important;
    border-bottom: 1px solid #e5e1dc;
}

/*
 * Logo search modal berbeda dari logo header,
 * jadi harus dibatasi secara khusus.
 */
#searchModal .navbar-brand {
    display: inline-flex;
    align-items: center;
    width: auto !important;
    max-width: 180px !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#searchModal .navbar-brand img {
    display: block !important;
    width: auto !important;
    max-width: 180px !important;
    height: 32px !important;
    max-height: 32px !important;
    object-fit: contain;
    object-position: left center;
}

/*
 * Rapikan alignment tiga kolom:
 * logo — form — tombol tutup/action.
 */
#searchModal .navbar {
    min-height: 120px;
    align-items: center !important;
}

#searchModal .navbar > [class*="col-"] {
    align-items: center;
}

/*
 * Search field.
 */
#searchModal form {
    width: 100%;
    max-width: 680px;
}

#searchModal .input-group {
    width: 100%;
}

#searchModal .form-control {
    min-height: 52px;
    padding: 12px 58px 12px 18px;
    background-color: #ffffff !important;
    border: 1px solid #b8afa5 !important;
    border-radius: 0;
    color: #171717 !important;
}

#searchModal .form-control:focus {
    border-color: #171717 !important;
    box-shadow: none !important;
}

#searchModal .form-control::placeholder {
    color: #8a8a8a;
    opacity: 1;
}

#searchModal .form-control-append {
    z-index: 3;
}

#searchModal .input-group-text {
    color: #171717 !important;
}

/*
 * Tombol close.
 */
#searchModal [data-bs-dismiss="offcanvas"] {
    color: #171717 !important;
}

/*
 * Backdrop dibuat sedikit lebih lembut.
 */
.offcanvas-backdrop.show {
    opacity: 0.42;
}

@media (max-width: 1199.98px) {
    #searchModal .navbar {
        min-height: auto;
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    #searchModal .navbar-brand {
        max-width: 150px !important;
        margin: 0 auto 18px;
    }

    #searchModal .navbar-brand img {
        max-width: 150px !important;
        height: 28px !important;
        max-height: 28px !important;
    }

    #searchModal form {
        max-width: none;
        margin-top: 0 !important;
    }
}

/*
|--------------------------------------------------------------------------
| SecondScent Static Hero
|--------------------------------------------------------------------------
*/

.secondscent-hero-static {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 660px;
    padding: 140px 0 80px;
    overflow: hidden;

    background-image:
            linear-gradient(
                    90deg,
                    rgba(255, 255, 255, 0.98) 0%,
                    rgba(255, 255, 255, 0.91) 32%,
                    rgba(255, 255, 255, 0.45) 54%,
                    rgba(255, 255, 255, 0.04) 78%
            ),
            var(--secondscent-hero-image);

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.secondscent-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 540px;
}

.secondscent-hero-eyebrow {
    margin: 0 0 20px;

    color: #b48732;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1.4;
    text-transform: uppercase;
}

.secondscent-hero-heading {
    margin: 0 0 24px;

    color: #202020;
    font-size: clamp(40px, 4.2vw, 60px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1.08;
}

.secondscent-hero-description {
    max-width: 470px;
    margin: 0 0 34px;

    color: #555555;
    font-size: 17px;
    line-height: 1.75;
}

.secondscent-hero-button {
    min-width: 190px;
    padding: 16px 28px;
    font-size: 15px;
}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {
    .secondscent-hero-static {
        min-height: 570px;
        padding: 125px 0 65px;

        background-image:
                linear-gradient(
                        90deg,
                        rgba(255, 255, 255, 0.97) 0%,
                        rgba(255, 255, 255, 0.85) 48%,
                        rgba(255, 255, 255, 0.2) 100%
                ),
                var(--secondscent-hero-image);

        background-position: 62% center;
    }

    .secondscent-hero-content {
        max-width: 480px;
    }

    .secondscent-hero-heading {
        font-size: 44px;
    }
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {
    .secondscent-hero-static {
        align-items: flex-end;
        min-height: 580px;
        padding: 110px 0 50px;

        background-image:
                linear-gradient(
                        0deg,
                        rgba(255, 255, 255, 1) 0%,
                        rgba(255, 255, 255, 0.94) 38%,
                        rgba(255, 255, 255, 0.18) 75%
                ),
                var(--secondscent-hero-image);

        background-position: 64% center;
    }

    .secondscent-hero-heading {
        margin-bottom: 18px;
        font-size: 34px;
        line-height: 1.12;
    }

    .secondscent-hero-eyebrow {
        margin-bottom: 14px;
        font-size: 12px;
    }

    .secondscent-hero-description {
        margin-bottom: 26px;
        font-size: 15px;
        line-height: 1.65;
    }

    .secondscent-hero-button {
        width: 100%;
    }
}

/*
|--------------------------------------------------------------------------
| SecondScent Trust Grid
|--------------------------------------------------------------------------
*/

.secondscent-trust {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}

.secondscent-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px 24px;
}

/*
 * Reset ukuran kolom Bootstrap karena container sekarang memakai CSS Grid.
 */
.secondscent-trust-grid > * {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

.secondscent-trust-grid .icon-box {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 12px !important;
}

.secondscent-trust-grid .icon-box-icon {
    margin: 0 !important;
    font-size: 46px !important;
    line-height: 1 !important;
}

.secondscent-trust-grid .icon-box-content {
    padding: 14px 0 0 !important;
}

.secondscent-trust-grid .icon-box-title {
    margin: 0 0 8px !important;
    padding: 0 !important;
    font-size: 17px !important;
    line-height: 1.35;
}

.secondscent-trust-grid .icon-box-desc {
    max-width: 230px;
    margin: 0 auto !important;
    font-size: 14px !important;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {
    .secondscent-trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {
    .secondscent-trust {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }

    .secondscent-trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px 12px;
    }

    .secondscent-trust-grid .icon-box {
        padding: 0 4px !important;
    }

    .secondscent-trust-grid .icon-box-icon {
        font-size: 36px !important;
    }

    .secondscent-trust-grid .icon-box-content {
        padding-top: 10px !important;
    }

    .secondscent-trust-grid .icon-box-title {
        margin-bottom: 5px !important;
        font-size: 14px !important;
    }

    .secondscent-trust-grid .icon-box-desc {
        max-width: 150px;
        font-size: 11.5px !important;
        line-height: 1.45;
    }
}

/*
|--------------------------------------------------------------------------
| Product List — Shop Layout V3
|--------------------------------------------------------------------------
*/

.secondscent-shop-product-image {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    background-color: #f7f5f2;
}

.card-product.is-out-of-stock
.secondscent-shop-product-image {
    opacity: 0.62;
}

#productFilter .widget + .widget {
    margin-top: 42px;
}

#productFilter .navbar-nav-cate .nav-item + .nav-item {
    margin-top: 14px;
}

#productFilter .navbar-nav-cate a.active {
    color: var(--bs-primary) !important;
}

#productFilter .input-group .form-control {
    min-height: 50px;
}

#productFilter .input-group .btn {
    min-width: 52px;
}

@media (max-width: 575.98px) {
    .tool-bar-right .form-select {
        min-height: 48px;
    }

    .card-product .product-actions {
        display: flex;
    }

    .secondscent-shop-product-image {
        aspect-ratio: 1 / 1.25;
    }
}

/*
|--------------------------------------------------------------------------
| Product Detail — Glowing Product Details V4
|--------------------------------------------------------------------------
*/

.secondscent-product-detail {
    position: relative;
}

.secondscent-product-gallery-sticky {
    top: 120px;
}

.secondscent-product-gallery {
    background-color: #f7f5f2;
}

.secondscent-product-gallery-image {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

.secondscent-product-gallery .slick-dots {
    margin-top: 20px;
}

.secondscent-product-summary {
    max-width: 560px;
}

.secondscent-product-summary h1 {
    line-height: 1.25;
}

.secondscent-stock-info {
    color: #4d765f;
    font-size: 14px;
    font-weight: 600;
}

.secondscent-stock-info.is-empty {
    color: #a54f45;
}


/*
|--------------------------------------------------------------------------
| Quantity
|--------------------------------------------------------------------------
*/

.secondscent-product-quantity {
    display: grid;
    grid-template-columns: 48px minmax(60px, 1fr) 48px;
    min-height: 52px;
    border: 1px solid #d9d5cf;
}

.secondscent-product-quantity button {
    border: 0;
    background-color: transparent;
    color: #171717;
    font-size: 20px;
}

.secondscent-product-quantity button:hover:not(:disabled) {
    background-color: #f7f5f2;
}

.secondscent-product-quantity button:disabled {
    cursor: not-allowed;
    opacity: 0.35;
}

.secondscent-product-quantity input {
    width: 100%;
    border: 0;
    border-right: 1px solid #d9d5cf;
    border-left: 1px solid #d9d5cf;
    background-color: #fff;
    text-align: center;
    appearance: textfield;
}

.secondscent-product-quantity input:focus {
    outline: none;
}

.secondscent-product-quantity input::-webkit-inner-spin-button,
.secondscent-product-quantity input::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
}


/*
|--------------------------------------------------------------------------
| Description & specification
|--------------------------------------------------------------------------
*/

.secondscent-product-description {
    color: #555;
    font-size: 15px;
    line-height: 1.8;
}

.secondscent-product-description img {
    max-width: 100%;
    height: auto;
}

.secondscent-product-description > :last-child {
    margin-bottom: 0;
}

.secondscent-product-spec-table tr + tr {
    border-top: 1px solid #ebe8e3;
}


/*
|--------------------------------------------------------------------------
| Related products
|--------------------------------------------------------------------------
*/

.secondscent-related-products {
    margin-right: -12px;
    margin-left: -12px;
}

.secondscent-related-product-image {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    background-color: #f7f5f2;
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {
    .secondscent-product-detail {
        padding-top: 10px !important;
    }

    .secondscent-product-gallery-sticky {
        position: static !important;
    }

    .secondscent-product-summary {
        max-width: none;
    }

    .secondscent-product-summary h1 {
        font-size: 26px !important;
    }

    .secondscent-product-gallery-image {
        aspect-ratio: 1 / 1.25;
    }

    .secondscent-related-product-image {
        aspect-ratio: 1 / 1.2;
    }
}

/*
|--------------------------------------------------------------------------
| Product Added Bootstrap Modal
|--------------------------------------------------------------------------
*/

#lproCartAddedModal .modal-content {
    border-radius: 0;
}

#lproCartAddedModal .lpro-cart-added-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;
    flex: 0 0 48px;

    border-radius: 50%;
    background-color: #e8f2ec;
    color: #4d765f;
    font-size: 18px;
}

#lproCartAddedModal .lpro-cart-added-icon.is-error {
    background-color: #f6e9e7;
    color: #a54f45;
}

#lproCartAddedModal .lpro-cart-added-image-wrap {
    position: relative;
    width: 82px;
    height: 102px;
    overflow: hidden;
    background-color: #ffffff;
}

#lproCartAddedModal .lpro-cart-added-image,
#lproCartAddedModal .lpro-cart-added-image-placeholder {
    width: 100%;
    height: 100%;
}

#lproCartAddedModal .lpro-cart-added-image {
    display: none;
    object-fit: cover;
}

#lproCartAddedModal .lpro-cart-added-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999999;
}

#lproCartAddedModal .min-w-0 {
    min-width: 0;
}

@media (max-width: 575.98px) {
    #lproCartAddedModal .modal-dialog {
        margin: 16px;
    }

    #lproCartAddedModal .modal-footer {
        display: grid;
        grid-template-columns: 1fr;
    }

    #lproCartAddedModal .modal-footer .btn {
        width: 100%;
        margin: 0;
    }
}

/*
|--------------------------------------------------------------------------
| Product Card Actions
|--------------------------------------------------------------------------
*/

.secondscent-product-cart-button,
.secondscent-cart-disabled {
    margin: 0;
    padding: 0;
    border: 0;
}

.secondscent-cart-disabled {
    pointer-events: none;
}

/*
 * Desktop: action hanya muncul saat gambar di-hover
 * atau mendapat fokus dari keyboard.
 */
@media (hover: hover) and (pointer: fine) {
    .card-product figure
    .product-actions.horizontal {
        left: 50%;
        right: auto;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transform: translate(-50%, 12px);

        transition:
                opacity 0.25s ease,
                visibility 0.25s ease,
                transform 0.25s ease;
    }

    .card-product figure:hover
    .product-actions.horizontal,
    .card-product figure:focus-within
    .product-actions.horizontal {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: translate(-50%, 0);
    }
}

/*
|--------------------------------------------------------------------------
| Center Product Action Icons
|--------------------------------------------------------------------------
*/

.card-product .product-actions.horizontal {
    align-items: center;
    justify-content: center;
}

.card-product .product-actions.horizontal
.product-action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0 !important;
    line-height: 1 !important;
}

.card-product .product-actions.horizontal
.product-action .icon {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 !important;
}

/*
 * Perangkat sentuh tidak punya hover,
 * jadi action tetap ditampilkan.
 */
@media (hover: none) {
    .card-product figure
    .product-actions.horizontal {
        left: 50%;
        right: auto;

        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: translateX(-50%);
    }
}

/*
|--------------------------------------------------------------------------
| Product Card Action Spacing
|--------------------------------------------------------------------------
*/

.card-product .product-actions.horizontal {
    align-items: center;
    justify-content: center;
    column-gap: 14px;
}

.card-product .product-actions.horizontal
.product-action {
    margin: 0 !important;
}

/*
 * Beberapa rule bawaan theme memberi margin antar action.
 * Reset agar jarak hanya dikontrol oleh gap.
 */
.card-product .product-actions.horizontal
.product-action + .product-action {
    margin-left: 0 !important;
}


/*
|--------------------------------------------------------------------------
| Product Availability
|--------------------------------------------------------------------------
*/

.secondscent-product-status__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.secondscent-product-status__dot {
    display: block;
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
}

.secondscent-product-status__item.is-available {
    color: #4d765f;
}

.secondscent-product-status__item.is-available
.secondscent-product-status__dot {
    background-color: #4d765f;
}

.secondscent-product-status__item.is-sold {
    color: #999999;
}

.secondscent-product-status__item.is-sold
.secondscent-product-status__dot {
    background-color: #aaaaaa;
}


/*
|--------------------------------------------------------------------------
| Available Product
|--------------------------------------------------------------------------
*/

.card-product.is-available
.secondscent-shop-product-image {
    opacity: 1;
    filter: none;
}


/*
|--------------------------------------------------------------------------
| Sold Product
|--------------------------------------------------------------------------
*/

.card-product.is-out-of-stock
.card-img-top {
    background-color: #f2f1ef;
}

.card-product.is-out-of-stock
.secondscent-shop-product-image {
    opacity: 0.48 !important;
    filter: grayscale(100%);
    transition: none;
}

.card-product.is-out-of-stock
.hover-zoom-in:hover
.secondscent-shop-product-image {
    transform: none !important;
}

/*
 * Lapisan pembeda sold out.
 */
.card-product.is-out-of-stock
.card-img-top::after {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    min-width: 145px;
    padding: 11px 18px;

    background-color: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(23, 23, 23, 0.16);

    color: #333333;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
    text-align: center;

    pointer-events: none;

    transform: translate(-50%, -50%);
}

/*
 * Produk terjual hanya menampilkan tombol lihat detail.
 * Ikon keranjang nonaktif tidak perlu ditampilkan.
 */
.card-product.is-out-of-stock
.secondscent-cart-disabled {
    display: none !important;
}

.card-product.is-out-of-stock
.product-title,
.card-product.is-out-of-stock
.price {
    opacity: 0.62;
}

/*
|--------------------------------------------------------------------------
| Cart modal overlays
|--------------------------------------------------------------------------
*/

body.cart-login-popup-open,
body.lpro-modal-open {
    overflow: hidden;
}

.cart-login-popup,
.lpro-confirm-modal {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.cart-login-popup.is-open,
.lpro-confirm-modal.is-open {
    display: flex;
}

.cart-login-popup__backdrop,
.lpro-confirm-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(18, 18, 18, 0.46);
    backdrop-filter: blur(2px);
}

.cart-login-popup__dialog,
.lpro-confirm-dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 460px);
    padding: 36px;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18);
    text-align: center;
}

.cart-login-popup__close,
.lpro-confirm-close {
    position: absolute;
    top: 16px;
    right: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #171717;
    font-size: 24px;
    line-height: 1;
}

.cart-login-popup__icon,
.lpro-confirm-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 18px;
    border-radius: 50%;
    background: #f4f2ef;
    color: #171717;
    font-size: 20px;
}

.cart-login-popup__eyebrow {
    display: block;
    margin-bottom: 8px;
    color: #777;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.cart-login-popup__dialog h3,
.lpro-confirm-dialog h3 {
    margin: 0 0 14px;
    font-size: 28px;
    line-height: 1.25;
}

.cart-login-popup__dialog p,
.lpro-confirm-dialog p {
    margin: 0;
    color: #666;
    line-height: 1.65;
}

.cart-login-popup__actions,
.lpro-confirm-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 28px;
}

.cart-login-popup__later,
.cart-login-popup__login,
.lpro-confirm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 22px;
    border: 1px solid #171717;
    text-decoration: none;
    font-weight: 600;
}

.cart-login-popup__later,
.lpro-confirm-btn--ghost {
    background: #ffffff;
    color: #171717;
}

.cart-login-popup__login,
.lpro-confirm-btn--danger {
    background: #171717;
    color: #ffffff;
}

.cart-login-popup__login:hover,
.lpro-confirm-btn--danger:hover {
    background: #765b45;
    border-color: #765b45;
    color: #ffffff;
}

/*
|--------------------------------------------------------------------------
| Cart table actions
|--------------------------------------------------------------------------
*/

.secondscent-cart-table-actions {
    border: 0 !important;
}

@media (max-width: 575.98px) {
    .cart-login-popup,
    .lpro-confirm-modal {
        padding: 16px;
    }

    .cart-login-popup__dialog,
    .lpro-confirm-dialog {
        padding: 32px 22px 24px;
    }

    .cart-login-popup__dialog h3,
    .lpro-confirm-dialog h3 {
        font-size: 23px;
    }

    .cart-login-popup__actions,
    .lpro-confirm-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .cart-login-popup__later,
    .cart-login-popup__login,
    .lpro-confirm-btn {
        width: 100%;
    }

    .secondscent-cart-table-actions {
        align-items: stretch !important;
    }

    .secondscent-cart-table-actions .btn {
        width: 100%;
    }
}

/*
|--------------------------------------------------------------------------
| Smooth Cart Quantity
|--------------------------------------------------------------------------
*/

.cart-qty-btn {
    transition:
            background-color 0.18s ease,
            color 0.18s ease,
            transform 0.12s ease,
            opacity 0.18s ease;
}

.cart-qty-btn:active:not(:disabled) {
    transform: scale(0.88);
}

.cart-qty-input {
    transition:
            background-color 0.18s ease,
            color 0.18s ease;
}

[data-cart-item].is-saving
.cart-qty-input {
    background-color: #faf9f7;
}

.cart-item-save-status {
    display: block;
    min-height: 18px;

    color: #b48732;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
}

/*
 * Notice error tidak mendorong konten.
 */
#cartAjaxNotice {
    position: fixed;
    z-index: 1090;
    top: 112px;
    left: 50%;

    width: min(92vw, 460px);
    margin: 0;

    box-shadow:
            0 12px 35px rgba(0, 0, 0, 0.12);

    transform: translateX(-50%);
}

@media (max-width: 575.98px) {
    #cartAjaxNotice {
        top: 82px;
    }
}

/*
|--------------------------------------------------------------------------
| SecondScent Checkout — Glowing
| Tempel di bagian paling bawah assets/public/glowing/custom.css
|--------------------------------------------------------------------------
*/

.secondscent-checkout {
    --checkout-border: #e5e1dc;
    --checkout-soft: #f7f5f2;
    --checkout-accent: #b48732;
}

.secondscent-checkout .min-w-0 {
    min-width: 0;
}

.secondscent-checkout-summary {
    position: sticky;
    top: 118px;
    overflow: hidden;
}

.secondscent-checkout-summary .card-header,
.secondscent-checkout-summary .card-footer {
    border-color: var(--checkout-border);
}

.secondscent-checkout-product__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 80px;
    overflow: hidden;
    background: var(--checkout-soft);
}

.secondscent-checkout-product__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.secondscent-checkout-product__image > span {
    color: #999;
}

.secondscent-checkout-product__name {
    line-height: 1.45;
}

.secondscent-checkout-totals {
    border-bottom: 1px solid var(--checkout-border);
}

.secondscent-checkout-discount {
    color: var(--checkout-accent);
}

.secondscent-checkout-section + .secondscent-checkout-section {
    border-top: 1px solid var(--checkout-border);
    padding-top: 42px !important;
}

.secondscent-checkout-step {
    display: inline-block;
    color: var(--checkout-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1;
    text-transform: uppercase;
}

/* Address */
.secondscent-checkout-address {
    position: relative;
    display: block;
    cursor: pointer;
}

.secondscent-checkout-address > input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.secondscent-checkout-address__box {
    position: relative;
    display: block;
    padding: 24px 26px;
    border: 1px solid var(--checkout-border);
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.secondscent-checkout-address:hover .secondscent-checkout-address__box {
    border-color: #bcb5ad;
}

.secondscent-checkout-address > input:checked + .secondscent-checkout-address__box {
    border-color: #171717;
    box-shadow: inset 0 0 0 1px #171717;
    background: #fff;
}

.secondscent-checkout-address__primary {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #eaf1ed;
    color: #4d765f;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
}

.secondscent-checkout-address__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border: 1px solid #cfc9c2;
    border-radius: 50%;
    color: transparent;
    font-size: 10px;
    transition: all .2s ease;
}

.secondscent-checkout-address > input:checked + .secondscent-checkout-address__box
.secondscent-checkout-address__check {
    border-color: #171717;
    background: #171717;
    color: #fff;
}

.secondscent-checkout-empty__icon,
.secondscent-checkout-payment__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 50%;
    background: var(--checkout-soft);
    color: #171717;
    font-size: 18px;
}

/* Shipping status */
.secondscent-checkout-shipping-status {
    margin-bottom: 18px;
    padding: 15px 18px;
    background: var(--checkout-soft);
    color: #666;
    font-size: 14px;
    line-height: 1.55;
}

.secondscent-checkout-shipping-status.is-loading {
    color: #765b45;
}

.secondscent-checkout-shipping-status.is-success {
    background: #edf4ef;
    color: #4d765f;
}

.secondscent-checkout-shipping-status.is-error {
    background: #f8ecea;
    color: #a54f45;
}

/* Shipping options are generated by JavaScript */
.secondscent-checkout-shipping-options {
    display: grid;
    gap: 14px;
}

.checkout-shipping-option {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer;
}

.checkout-shipping-option > input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.checkout-shipping-box {
    display: block;
    padding: 20px 22px;
    border: 1px solid var(--checkout-border);
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.checkout-shipping-option:hover .checkout-shipping-box {
    border-color: #bcb5ad;
}

.checkout-shipping-option > input:checked + .checkout-shipping-box {
    border-color: #171717;
    box-shadow: inset 0 0 0 1px #171717;
}

.checkout-shipping-main,
.checkout-shipping-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.checkout-shipping-main strong {
    color: #171717;
    font-size: 16px;
}

.checkout-shipping-main em {
    color: var(--checkout-accent);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
}

.checkout-shipping-desc {
    display: block;
    margin: 7px 0 12px;
    color: #777;
    font-size: 13px;
    line-height: 1.5;
}

.checkout-shipping-bottom {
    color: #666;
    font-size: 13px;
}

.checkout-shipping-bottom strong {
    color: #171717;
    font-size: 15px;
}

.secondscent-checkout-payment {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

/* Buttons */
.secondscent-checkout .checkout-rate-btn {
    min-width: 142px;
}

.secondscent-checkout .checkout-submit-btn:disabled,
.secondscent-checkout .checkout-rate-btn:disabled {
    cursor: not-allowed;
    opacity: .45;
}

/* Mobile sticky checkout */
.checkout-mobile-sticky-bar {
    position: fixed;
    z-index: 1040;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    padding: 12px 16px;
    border-top: 1px solid var(--checkout-border, #e5e1dc);
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 -10px 30px rgba(0, 0, 0, .08);
    backdrop-filter: blur(8px);
}

.checkout-mobile-sticky-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 720px;
    margin: 0 auto;
}

.checkout-mobile-summary {
    min-width: 0;
}

.checkout-mobile-summary span,
.checkout-mobile-summary em {
    display: block;
    color: #777;
    font-size: 11px;
    font-style: normal;
    line-height: 1.35;
}

.checkout-mobile-summary strong {
    display: block;
    color: #171717;
    font-size: 18px;
    line-height: 1.35;
}

.checkout-mobile-submit-btn {
    min-width: 128px;
    min-height: 48px;
    padding: 12px 18px;
    border: 1px solid #171717;
    background: #171717;
    color: #fff;
    font-weight: 600;
}

.checkout-mobile-submit-btn.is-disabled,
.checkout-mobile-submit-btn:disabled {
    cursor: not-allowed;
    opacity: .45;
}

@media (max-width: 991.98px) {
    .secondscent-checkout-summary {
        position: static;
    }

    .secondscent-checkout {
        padding-bottom: 112px !important;
    }

    .checkout-mobile-sticky-bar {
        display: block;
    }
}

@media (max-width: 575.98px) {
    .secondscent-checkout-breadcrumb {
        margin-bottom: 36px !important;
    }

    .secondscent-checkout > .text-center h2 {
        font-size: 34px;
    }

    .secondscent-checkout-address__box,
    .checkout-shipping-box {
        padding: 18px;
    }

    .secondscent-checkout-section + .secondscent-checkout-section {
        padding-top: 34px !important;
    }

    .secondscent-checkout .checkout-rate-btn {
        min-width: auto;
        padding-right: 16px;
        padding-left: 16px;
    }

    .secondscent-checkout-payment {
        padding: 20px !important;
    }

    .checkout-shipping-main,
    .checkout-shipping-bottom {
        align-items: flex-start;
        gap: 12px;
    }

    .checkout-mobile-submit-btn {
        min-width: 116px;
    }
}

/*
|--------------------------------------------------------------------------
| Payment Status — Glowing
|--------------------------------------------------------------------------
*/

.secondscent-payment-heading {
    max-width: 720px;
}

.secondscent-payment-summary {
    position: sticky;
    top: 120px;
}

.secondscent-payment-product img,
.secondscent-payment-product__placeholder {
    display: flex;
    width: 60px;
    height: 80px;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    background: var(--bs-secondary-bg);
}

.secondscent-payment-product__placeholder {
    color: var(--bs-secondary-color);
}

.secondscent-payment-product__title {
    overflow-wrap: anywhere;
    line-height: 1.45;
}

.secondscent-payment-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 600;
}

.secondscent-payment-badge.is-paid {
    background: #edf7f0;
    color: #3f7353;
}

.secondscent-payment-badge.is-pending {
    background: #fff6df;
    color: #8a6200;
}

.secondscent-payment-badge.is-inactive {
    background: #fbeceb;
    color: #a4473f;
}

.secondscent-payment-state {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    padding: 32px;
    background: var(--bs-secondary-bg);
    border-left: 4px solid currentColor;
}

.secondscent-payment-state__icon,
.secondscent-payment-note__icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #171717;
    color: #fff;
    font-size: 19px;
}

.secondscent-payment-state.is-paid {
    color: #3f7353;
}

.secondscent-payment-state.is-pending {
    color: #8a6200;
}

.secondscent-payment-state.is-inactive {
    color: #a4473f;
}

.secondscent-payment-state.is-paid .secondscent-payment-state__icon {
    background: #3f7353;
}

.secondscent-payment-state.is-pending .secondscent-payment-state__icon {
    background: #8a6200;
}

.secondscent-payment-state.is-inactive .secondscent-payment-state__icon {
    background: #a4473f;
}

.secondscent-payment-state h3,
.secondscent-payment-state p {
    color: var(--bs-emphasis-color);
}

.secondscent-payment-note {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 24px;
    border: 1px solid var(--bs-border-color);
}

.secondscent-payment-note__icon {
    width: 44px;
    height: 44px;
    font-size: 16px;
}

.secondscent-payment-note.is-paid .secondscent-payment-note__icon {
    background: #3f7353;
}

.secondscent-payment-note.is-pending .secondscent-payment-note__icon {
    background: #8a6200;
}

.secondscent-payment-note.is-inactive .secondscent-payment-note__icon {
    background: #a4473f;
}

.secondscent-payment-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.secondscent-payment-step {
    min-width: 0;
    padding: 20px;
    border: 1px solid var(--bs-border-color);
}

.secondscent-payment-step span,
.secondscent-payment-step strong,
.secondscent-payment-step small {
    display: block;
}

.secondscent-payment-step span {
    margin-bottom: 18px;
    color: var(--bs-secondary-color);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
}

.secondscent-payment-step strong {
    margin-bottom: 4px;
    color: var(--bs-emphasis-color);
}

.secondscent-payment-step small {
    color: var(--bs-secondary-color);
}

.secondscent-payment-step.is-active {
    border-color: #3f7353;
    background: #edf7f0;
}

.secondscent-payment-step.is-active span {
    color: #3f7353;
}

.secondscent-payment-actions {
    display: flex;
    align-items: stretch;
    gap: 12px;
}

.secondscent-payment-actions form {
    flex: 1 1 220px;
}

.secondscent-payment-primary,
.secondscent-payment-secondary {
    min-height: 52px;
}

.secondscent-payment-primary {
    width: 100%;
}

.secondscent-payment-secondary {
    flex: 1 1 240px;
}

.secondscent-payment-action-status {
    min-height: 21px;
    margin: 16px 0 0;
    color: var(--bs-secondary-color);
    font-size: 13px;
    line-height: 1.6;
}

.secondscent-payment-security {
    display: flex;
    align-items: center;
    gap: 14px;
}

.secondscent-payment-security > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    background: var(--bs-secondary-bg);
    color: var(--bs-emphasis-color);
}

@media (max-width: 991.98px) {
    .secondscent-payment-summary {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .secondscent-payment-page {
        padding-bottom: 72px !important;
    }

    .secondscent-payment-heading h2 {
        font-size: 34px;
    }

    .secondscent-payment-state {
        padding: 24px 20px;
    }

    .secondscent-payment-state__icon {
        width: 46px;
        height: 46px;
    }

    .secondscent-payment-steps {
        grid-template-columns: 1fr;
    }

    .secondscent-payment-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .secondscent-payment-actions form,
    .secondscent-payment-primary,
    .secondscent-payment-secondary {
        width: 100%;
    }
}

/*
|--------------------------------------------------------------------------
| Request Parfum — Glowing
|--------------------------------------------------------------------------
*/

.request-glowing__heading {
    max-width: 720px;
    margin: 0 auto 56px;
}

.request-glowing__heading h1 {
    color: #171717;
    font-size: clamp(36px, 4.4vw, 56px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1.08;
}

.request-glowing__heading > p:last-child {
    max-width: 650px;
    color: #666666;
    font-size: 16px;
    line-height: 1.75;
}

.request-glowing__eyebrow {
    margin: 0 0 16px;
    color: #b48732;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.request-glowing__layout {
    align-items: stretch;
}

.request-glowing__intro {
    padding: 54px 48px;
    background-color: #f3f1ed;
}

.request-glowing__intro-label {
    display: block;
    margin-bottom: 18px;
    color: #b48732;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.request-glowing__intro h2 {
    margin: 0 0 20px;
    color: #171717;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.18;
}

.request-glowing__intro-copy {
    margin: 0;
    color: #666666;
    font-size: 15px;
    line-height: 1.75;
}

.request-glowing__steps {
    display: grid;
    gap: 26px;
    margin: 38px 0;
    padding: 0;
    list-style: none;
}

.request-glowing__steps li {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 18px;
    align-items: flex-start;
}

.request-glowing__steps li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid #c9c4bc;
    border-radius: 50%;
    color: #171717;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.request-glowing__steps strong {
    display: block;
    margin-bottom: 5px;
    color: #171717;
    font-size: 15px;
}

.request-glowing__steps p {
    margin: 0;
    color: #6c6c6c;
    font-size: 13px;
    line-height: 1.6;
}

.request-glowing__intro-note {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 14px;
    align-items: flex-start;
    padding: 18px;
    border-top: 1px solid #d9d4cc;
    border-bottom: 1px solid #d9d4cc;
}

.request-glowing__intro-note i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #4d765f;
    font-size: 17px;
}

.request-glowing__intro-note p {
    margin: 0;
    color: #666666;
    font-size: 13px;
    line-height: 1.65;
}

.request-glowing__collection-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 28px;
    color: #171717;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.request-glowing__collection-link span {
    transition: transform 0.2s ease;
}

.request-glowing__collection-link:hover {
    color: #765b45;
}

.request-glowing__collection-link:hover span {
    transform: translateX(4px);
}

.request-glowing__form-card {
    min-height: 100%;
}

.request-glowing__form-card .card-body {
    padding: 54px 56px;
}

.request-glowing__form-head {
    margin-bottom: 34px;
}

.request-glowing__form-head h3 {
    margin: 0 0 9px;
    color: #171717;
    font-size: 28px;
    font-weight: 500;
}

.request-glowing__form-head p {
    margin: 0;
    color: #777777;
    font-size: 14px;
    line-height: 1.65;
}

.request-glowing .form-control {
    min-height: 54px;
    padding: 13px 17px;
    border-color: #d8d4ce;
    border-radius: 0;
    background-color: #ffffff;
    color: #171717;
}

.request-glowing textarea.form-control {
    min-height: 150px;
    resize: vertical;
}

.request-glowing .form-control:focus {
    border-color: #171717;
    box-shadow: none;
}

.request-glowing .form-control[readonly] {
    background-color: #f7f5f2;
    color: #777777;
}

.request-glowing__field-note {
    display: block;
    margin-top: 8px;
    color: #888888;
    font-size: 12px;
    line-height: 1.55;
}

.request-glowing__priority-option {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 14px;
    align-items: flex-start;
    margin: 0 0 28px;
    padding: 18px 20px;
    border: 1px solid #dedad4;
    background-color: #faf9f7;
    cursor: pointer;
}

.request-glowing__priority-option .form-check-input {
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    border-radius: 0;
    box-shadow: none;
}

.request-glowing__priority-option .form-check-input:checked {
    border-color: #171717;
    background-color: #171717;
}

.request-glowing__priority-option strong,
.request-glowing__priority-option small {
    display: block;
}

.request-glowing__priority-option strong {
    margin-bottom: 5px;
    color: #171717;
    font-size: 14px;
}

.request-glowing__priority-option small {
    color: #777777;
    font-size: 12px;
    line-height: 1.55;
}

.request-glowing__submit {
    min-height: 54px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.request-glowing__privacy-note {
    margin: 14px 0 0;
    color: #999999;
    font-size: 11px;
    line-height: 1.55;
    text-align: center;
}

@media (max-width: 991.98px) {
    .request-glowing__heading {
        margin-bottom: 42px;
    }

    .request-glowing__intro {
        padding: 42px 36px;
    }

    .request-glowing__form-card .card-body {
        padding: 44px 36px;
    }
}

@media (max-width: 575.98px) {
    .request-glowing__heading {
        margin-bottom: 34px;
    }

    .request-glowing__heading h1 {
        font-size: 34px;
    }

    .request-glowing__heading > p:last-child {
        font-size: 14px;
        line-height: 1.65;
    }

    .request-glowing__intro {
        padding: 34px 24px;
    }

    .request-glowing__intro h2 {
        font-size: 28px;
    }

    .request-glowing__steps {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .request-glowing__form-card {
        box-shadow: none !important;
        border: 1px solid #e5e1dc !important;
    }

    .request-glowing__form-card .card-body {
        padding: 32px 22px;
    }

    .request-glowing__form-head h3 {
        font-size: 24px;
    }
}

/*
|--------------------------------------------------------------------------
| Payment Summary Product Alignment
|--------------------------------------------------------------------------
*/

.secondscent-payment-product {
    min-width: 0;
}

.secondscent-payment-product > .flex-shrink-0 {
    flex: 0 0 60px;
}

.secondscent-payment-product__content {
    width: 0;
    min-width: 0;
    align-items: flex-start;
}

.secondscent-payment-product__meta {
    flex: 1 1 auto;
    min-width: 0;
}

.secondscent-payment-product__price {
    flex: 0 0 auto;
    max-width: 110px;
    white-space: nowrap;
    text-align: right;
}

.secondscent-payment-product__price p {
    white-space: nowrap;
}

@media (max-width: 1199.98px) and (min-width: 992px) {
    .secondscent-payment-product__content {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    .secondscent-payment-product__meta {
        padding-right: 0 !important;
    }

    .secondscent-payment-product__price {
        max-width: none;
        margin-left: 0 !important;
        text-align: left;
    }
}

/*
|--------------------------------------------------------------------------
| My Account Authentication — Glowing
|--------------------------------------------------------------------------
*/

.secondscent-auth__heading {
    max-width: 700px;
    margin: 0 auto 52px;
}

.secondscent-auth__heading h1 {
    color: #171717;
    font-size: clamp(36px, 4.2vw, 54px);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.08;
}

.secondscent-auth__heading > p:last-child {
    max-width: 620px;
    margin-right: auto !important;
    margin-left: auto !important;
    color: #707070;
    font-size: 15px;
    line-height: 1.75;
}

.secondscent-auth__eyebrow {
    margin: 0 0 15px;
    color: #b48732;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.secondscent-auth__layout {
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
    align-items: stretch;
}

.secondscent-auth__layout--register {
    max-width: 1200px;
}

.secondscent-auth__aside {
    display: flex;
    flex-direction: column;
    padding: 54px 48px;
    background-color: #f3f1ed;
}

.secondscent-auth__aside-label {
    display: block;
    margin-bottom: 18px;
    color: #b48732;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.secondscent-auth__aside h2 {
    margin: 0 0 20px;
    color: #171717;
    font-size: clamp(29px, 3vw, 40px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1.16;
}

.secondscent-auth__aside > p {
    margin: 0;
    color: #686868;
    font-size: 14px;
    line-height: 1.75;
}

.secondscent-auth__benefits {
    display: grid;
    gap: 25px;
    margin: 40px 0;
    padding: 0;
    list-style: none;
}

.secondscent-auth__benefits li {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 16px;
    align-items: flex-start;
}

.secondscent-auth__benefits li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid #d1ccc5;
    border-radius: 50%;
    color: #4d765f;
    font-size: 15px;
}

.secondscent-auth__benefits strong,
.secondscent-auth__benefits small {
    display: block;
}

.secondscent-auth__benefits strong {
    margin-bottom: 4px;
    color: #171717;
    font-size: 14px;
}

.secondscent-auth__benefits small {
    color: #707070;
    font-size: 12px;
    line-height: 1.55;
}

.secondscent-auth__aside-footer {
    margin-top: auto;
    padding-top: 25px;
    border-top: 1px solid #d9d4cc;
    color: #707070;
    font-size: 13px;
}

.secondscent-auth__aside-footer a {
    margin-left: 4px;
    color: #171717;
    font-weight: 700;
}

.secondscent-auth__aside-footer a:hover {
    color: #765b45;
}

.secondscent-auth__register-points {
    display: grid;
    gap: 18px;
    margin: 38px 0;
}

.secondscent-auth__register-points article {
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    column-gap: 14px;
}

.secondscent-auth__register-points article > span {
    grid-row: 1 / 3;
    color: #b48732;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.secondscent-auth__register-points h3 {
    margin: 0 0 4px;
    color: #171717;
    font-size: 15px;
}

.secondscent-auth__register-points p {
    margin: 0;
    color: #707070;
    font-size: 12px;
    line-height: 1.55;
}

.secondscent-auth__card {
    min-height: 100%;
}

.secondscent-auth__card .card-body {
    padding: 54px 56px;
}

.secondscent-auth__card--register .card-body {
    padding-right: 60px;
    padding-left: 60px;
}

.secondscent-auth__card--compact .card-body {
    padding: 48px 52px;
}

.secondscent-auth__form-head {
    margin-bottom: 32px;
}

.secondscent-auth__form-head h2 {
    margin: 0 0 9px;
    color: #171717;
    font-size: 28px;
    font-weight: 500;
}

.secondscent-auth__form-head p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.65;
}

.secondscent-auth .form-control {
    min-height: 54px;
    padding: 13px 17px;
    border-color: #d8d4ce;
    border-radius: 0;
    background-color: #ffffff;
    color: #171717;
}

.secondscent-auth .form-control:focus {
    border-color: #171717;
    box-shadow: none;
}

.secondscent-auth__password {
    position: relative;
}

.secondscent-auth__password .form-control {
    padding-right: 54px;
}

.secondscent-auth__password-toggle {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: #737373;
    transform: translateY(-50%);
}

.secondscent-auth__password-toggle:hover {
    color: #171717;
}

.secondscent-auth__options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 28px;
}

.secondscent-auth__remember {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #5f5f5f;
    font-size: 13px;
    cursor: pointer;
}

.secondscent-auth__remember .form-check-input {
    width: 18px;
    height: 18px;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.secondscent-auth__remember .form-check-input:checked {
    border-color: #171717;
    background-color: #171717;
}

.secondscent-auth__link,
.secondscent-auth__text-button {
    color: #171717;
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.secondscent-auth__link:hover,
.secondscent-auth__text-button:hover {
    color: #765b45;
}

.secondscent-auth__submit {
    min-height: 54px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.secondscent-auth__mobile-footer {
    margin-top: 24px;
    color: #777777;
    font-size: 13px;
    text-align: center;
}

.secondscent-auth__mobile-footer a {
    margin-left: 4px;
    color: #171717;
    font-weight: 700;
}

.secondscent-auth__resend {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 28px;
    padding: 18px 20px;
    border: 1px solid #dedad4;
    background-color: #faf9f7;
}

.secondscent-auth__resend strong,
.secondscent-auth__resend span {
    display: block;
}

.secondscent-auth__resend strong {
    margin-bottom: 4px;
    color: #171717;
    font-size: 13px;
}

.secondscent-auth__resend span {
    color: #777777;
    font-size: 12px;
    line-height: 1.5;
}

.secondscent-auth__resend-form {
    flex: 0 0 auto;
}

.secondscent-auth__text-button {
    padding: 0;
    border: 0;
    background: transparent;
}

.secondscent-auth__terms-note,
.secondscent-auth__account-note {
    margin-bottom: 26px;
    padding: 16px 18px;
    border-left: 2px solid #b48732;
    background-color: #f7f5f2;
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.6;
}

.secondscent-auth__account-note span,
.secondscent-auth__account-note strong {
    display: block;
}

.secondscent-auth__account-note strong {
    margin-top: 3px;
    color: #171717;
    overflow-wrap: anywhere;
}

.secondscent-auth__reset-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 22px;
    border-radius: 50%;
    background-color: #f3f1ed;
    color: #4d765f;
    font-size: 19px;
}

.secondscent-auth__card--compact .card-body {
    text-align: left;
}

.secondscent-auth__card--compact .secondscent-auth__reset-icon {
    display: flex;
}

@media (max-width: 991.98px) {
    .secondscent-auth__heading {
        margin-bottom: 40px;
    }

    .secondscent-auth__layout {
        max-width: 720px;
    }

    .secondscent-auth__card .card-body,
    .secondscent-auth__card--register .card-body {
        padding: 44px 40px;
    }
}

@media (max-width: 575.98px) {
    .secondscent-auth__heading {
        margin-bottom: 32px;
    }

    .secondscent-auth__heading h1 {
        font-size: 34px;
    }

    .secondscent-auth__heading > p:last-child {
        font-size: 14px;
        line-height: 1.65;
    }

    .secondscent-auth__card {
        border: 1px solid #e5e1dc !important;
        box-shadow: none !important;
    }

    .secondscent-auth__card .card-body,
    .secondscent-auth__card--register .card-body,
    .secondscent-auth__card--compact .card-body {
        padding: 32px 22px;
    }

    .secondscent-auth__form-head h2 {
        font-size: 24px;
    }

    .secondscent-auth__options {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .secondscent-auth__resend {
        align-items: flex-start;
        flex-direction: column;
    }
}

/*
|--------------------------------------------------------------------------
| My Account Interior Pages — Glowing
|--------------------------------------------------------------------------
*/

.secondscent-account__page-heading {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.secondscent-account__page-heading h1 {
    margin: 0 0 16px;
    color: #171717;
    font-size: clamp(36px, 4.2vw, 54px);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.08;
}

.secondscent-account__page-heading > p:last-child {
    max-width: 650px;
    margin: 0 auto;
    color: #707070;
    font-size: 15px;
    line-height: 1.75;
}

.secondscent-account__eyebrow {
    margin: 0 0 15px;
    color: #b48732;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.secondscent-account .account-dashboard-layout {
    display: grid;
    grid-template-columns: minmax(230px, 270px) minmax(0, 1fr);
    gap: 38px;
    align-items: start;
}

.secondscent-account__main {
    min-width: 0;
}


/*
|--------------------------------------------------------------------------
| Sidebar
|--------------------------------------------------------------------------
*/

.secondscent-account-sidebar {
    position: sticky;
    top: 110px;
    overflow: hidden;
    border: 1px solid #e7e3dd;
    background: #ffffff;
}

.secondscent-account-sidebar .account-sidebar-mobile-head {
    display: none;
}

.secondscent-account-sidebar .account-profile-mini {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 15px;
    align-items: center;
    padding: 25px 22px;
    background: #f3f1ed;
}

.secondscent-account-sidebar .account-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #171717;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
}

.secondscent-account-sidebar .account-profile-mini__copy {
    min-width: 0;
}

.secondscent-account-sidebar .account-profile-mini__copy > span {
    display: block;
    margin-bottom: 3px;
    color: #b48732;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.secondscent-account-sidebar .account-profile-mini__copy h4 {
    overflow: hidden;
    margin: 0 0 2px;
    color: #171717;
    font-size: 15px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.secondscent-account-sidebar .account-profile-mini__copy p {
    overflow: hidden;
    margin: 0;
    color: #777777;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.secondscent-account-sidebar .account-menu {
    display: grid;
    padding: 16px;
}

.secondscent-account-sidebar .account-menu-label {
    display: block;
    margin: 10px 13px 6px;
    color: #9a9a9a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.secondscent-account-sidebar .account-menu-label--second {
    margin-top: 24px;
}

.secondscent-account-sidebar .account-menu a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 10px 13px;
    border-left: 2px solid transparent;
    color: #555555;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: 0.2s ease;
}

.secondscent-account-sidebar .account-menu a i {
    width: 18px;
    color: #888888;
    font-size: 14px;
    text-align: center;
}

.secondscent-account-sidebar .account-menu a:hover {
    background: #faf9f7;
    color: #171717;
}

.secondscent-account-sidebar .account-menu a.is-active {
    border-left-color: #171717;
    background: #f3f1ed;
    color: #171717;
    font-weight: 700;
}

.secondscent-account-sidebar .account-menu a.is-active i {
    color: #4d765f;
}

.secondscent-account-sidebar .account-menu-logout {
    margin-top: 16px;
    padding-top: 15px !important;
    border-top: 1px solid #ebe7e2;
    color: #a4473d !important;
}

.account-sidebar-toggle {
    display: none;
}


/*
|--------------------------------------------------------------------------
| Cards and headings
|--------------------------------------------------------------------------
*/

.secondscent-account .account-welcome-card,
.secondscent-account .account-section-card,
.secondscent-account .account-newsletter-card,
.secondscent-account .account-newsletter-summary-card,
.secondscent-account .account-address-prompt-card,
.secondscent-account .newsletter-preferences-unsubscribe {
    margin-bottom: 24px;
    padding: 34px 36px;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: 0 10px 35px rgba(26, 26, 26, 0.07);
}

.secondscent-account .account-welcome-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    background: #f3f1ed;
    box-shadow: none;
}

.secondscent-account .account-eyebrow,
.secondscent-account .account-newsletter-eyebrow,
.secondscent-account .account-address-prompt-eyebrow {
    display: block;
    margin-bottom: 8px;
    color: #b48732;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.secondscent-account .account-welcome-card h2 {
    margin: 0 0 10px;
    color: #171717;
    font-size: 31px;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.secondscent-account .account-welcome-card p {
    max-width: 620px;
    margin: 0;
    color: #6d6d6d;
    font-size: 14px;
    line-height: 1.7;
}

.secondscent-account .account-section-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
    padding-bottom: 21px;
    border-bottom: 1px solid #e8e4de;
}

.secondscent-account .account-section-header h3 {
    margin: 0 0 7px;
    color: #171717;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.secondscent-account .account-section-header p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.65;
}

.secondscent-account .account-newsletter-summary-heading,
.secondscent-account .account-address-prompt-card,
.secondscent-account .account-newsletter-summary-content {
    display: flex;
    align-items: flex-start;
    gap: 17px;
}

.secondscent-account .account-newsletter-summary-content {
    justify-content: space-between;
}

.secondscent-account .account-card-icon,
.secondscent-account .account-newsletter-icon,
.secondscent-account .account-address-prompt-icon,
.secondscent-account .account-affiliate-intro-icon,
.secondscent-account .account-affiliate-empty-icon,
.secondscent-account .account-newsletter-page-account-icon,
.secondscent-account .account-newsletter-page-empty-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #f3f1ed;
    color: #4d765f;
    font-size: 16px;
}


/*
|--------------------------------------------------------------------------
| Buttons and links
|--------------------------------------------------------------------------
*/

.secondscent-account .account-save-btn,
.secondscent-account .account-primary-action,
.secondscent-account .account-filter-btn,
.secondscent-account .account-soft-btn,
.secondscent-account .account-outline-btn,
.secondscent-account .account-newsletter-main-action,
.secondscent-account .account-newsletter-confirm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 11px 22px;
    border: 1px solid #171717;
    border-radius: 0;
    background: #171717;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.2s ease;
}

.secondscent-account .account-save-btn:hover,
.secondscent-account .account-primary-action:hover,
.secondscent-account .account-filter-btn:hover,
.secondscent-account .account-soft-btn:hover,
.secondscent-account .account-outline-btn:hover,
.secondscent-account .account-newsletter-main-action:hover {
    border-color: #765b45;
    background: #765b45;
    color: #ffffff;
}

.secondscent-account .account-save-btn--secondary,
.secondscent-account .account-outline-btn {
    background: #ffffff;
    color: #171717;
}

.secondscent-account .account-soft-link,
.secondscent-account .account-order-detail-link,
.secondscent-account .account-address-action-link,
.secondscent-account .account-filter-reset,
.secondscent-account .account-cancel-link {
    padding: 0;
    border: 0;
    background: transparent;
    color: #171717;
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.secondscent-account .account-address-action-link-danger {
    color: #a4473d;
}


/*
|--------------------------------------------------------------------------
| Forms
|--------------------------------------------------------------------------
*/

.secondscent-account .account-address-form,
.secondscent-account .account-profile-form,
.secondscent-account .account-affiliate-form {
    width: 100%;
}

.secondscent-account .account-form-field label,
.secondscent-account .account-order-filter-field label,
.secondscent-account .account-affiliate-field label {
    display: block;
    margin-bottom: 10px;
    color: #171717;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.secondscent-account .account-form-field input,
.secondscent-account .account-form-field select,
.secondscent-account .account-form-field textarea,
.secondscent-account .account-order-filter-field input,
.secondscent-account .account-order-filter-field select,
.secondscent-account .account-affiliate-field textarea,
.secondscent-account .account-address-form input,
.secondscent-account .account-address-form select,
.secondscent-account .account-address-form textarea {
    width: 100%;
    min-height: 52px;
    padding: 12px 15px;
    border: 1px solid #d8d4ce;
    border-radius: 0;
    background: #ffffff;
    color: #171717;
    font-size: 13px;
    outline: none;
}

.secondscent-account .account-form-field textarea,
.secondscent-account .account-address-form textarea,
.secondscent-account .account-affiliate-field textarea {
    min-height: 130px;
    resize: vertical;
}

.secondscent-account .account-form-field input:focus,
.secondscent-account .account-form-field select:focus,
.secondscent-account .account-form-field textarea:focus,
.secondscent-account .account-order-filter-field input:focus,
.secondscent-account .account-order-filter-field select:focus {
    border-color: #171717;
    box-shadow: none;
}

.secondscent-account .account-form-field input:disabled,
.secondscent-account .account-form-field input[readonly],
.secondscent-account .account-form-field select:disabled {
    background: #f6f4f1;
    color: #777777;
}

.secondscent-account .account-form-field small {
    display: block;
    margin-top: 8px;
    color: #8a8a8a;
    font-size: 11px;
    line-height: 1.55;
}

.secondscent-account .account-check,
.secondscent-account .account-newsletter-checkbox,
.secondscent-account .account-newsletter-optin-check,
.secondscent-account .account-newsletter-consent {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #5f5f5f;
    font-size: 13px;
    line-height: 1.6;
    cursor: pointer;
}

.secondscent-account .account-check input,
.secondscent-account .account-newsletter-checkbox input,
.secondscent-account .account-newsletter-optin-check input {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    border-radius: 0;
    accent-color: #171717;
}

.secondscent-account .account-email-status-box,
.secondscent-account .account-affiliate-message,
.secondscent-account .account-newsletter-reactivate-card,
.secondscent-account .account-newsletter-optin-box,
.secondscent-account .newsletter-preferences-general-note {
    padding: 18px 20px;
    border: 1px solid #e0dcd6;
    background: #faf9f7;
}


/*
|--------------------------------------------------------------------------
| Status, notices, summaries
|--------------------------------------------------------------------------
*/

.secondscent-account .account-status,
.secondscent-account .account-order-status,
.secondscent-account .account-affiliate-status,
.secondscent-account .account-newsletter-page-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    padding: 7px 10px;
    border: 1px solid;
    border-radius: 0;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.secondscent-account .account-status--success,
.secondscent-account .order-status--success,
.secondscent-account .account-affiliate-status.is-active,
.secondscent-account .account-newsletter-page-status.is-active {
    border-color: #c6ddce;
    background: #edf6f0;
    color: #4d765f;
}

.secondscent-account .account-status--warning,
.secondscent-account .order-status--warning,
.secondscent-account .account-affiliate-status.is-pending,
.secondscent-account .account-newsletter-page-status.is-pending {
    border-color: #ead9ad;
    background: #fff8e9;
    color: #8b650f;
}

.secondscent-account .order-status--danger,
.secondscent-account .account-affiliate-status.is-rejected,
.secondscent-account .account-affiliate-status.is-suspended,
.secondscent-account .account-newsletter-page-status.is-danger,
.secondscent-account .account-newsletter-page-status.is-inactive {
    border-color: #e7c6c2;
    background: #fff1ef;
    color: #a4473d;
}

.secondscent-account .account-summary-grid,
.secondscent-account .account-affiliate-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.secondscent-account .account-summary-item,
.secondscent-account .account-affiliate-details > div {
    display: flex;
    gap: 15px;
    min-width: 0;
    padding: 20px;
    border: 1px solid #e6e2dc;
    background: #ffffff;
}

.secondscent-account .account-affiliate-details > div {
    display: block;
}

.secondscent-account .account-summary-content {
    min-width: 0;
}

.secondscent-account .account-summary-content h4,
.secondscent-account .account-summary-content small,
.secondscent-account .account-summary-content strong,
.secondscent-account .account-affiliate-details span,
.secondscent-account .account-affiliate-details strong {
    display: block;
}

.secondscent-account .account-summary-content h4 {
    margin: 0 0 8px;
    color: #171717;
    font-size: 14px;
}

.secondscent-account .account-summary-content small,
.secondscent-account .account-affiliate-details span {
    color: #858585;
    font-size: 11px;
    line-height: 1.55;
}

.secondscent-account .account-summary-value,
.secondscent-account .account-affiliate-details strong {
    margin: 6px 0;
    color: #171717;
    font-size: 16px;
    overflow-wrap: anywhere;
}

.secondscent-account .account-affiliate-notice,
.secondscent-account .account-newsletter-page-notice,
.secondscent-account .account-flash {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 22px;
    padding: 18px 20px;
    border-left: 3px solid #b48732;
    background: #f4f7f5;
}

.secondscent-account .account-affiliate-notice.is-error,
.secondscent-account .account-newsletter-page-notice.is-error,
.secondscent-account .account-flash--error {
    border-left-color: #a4473d;
    background: #fff3f1;
}

.secondscent-account .account-affiliate-notice.is-warning,
.secondscent-account .account-affiliate-notice.is-pending,
.secondscent-account .account-newsletter-page-notice.is-info,
.secondscent-account .account-flash--info {
    border-left-color: #b58a2a;
    background: #fff9ec;
}

.secondscent-account .account-affiliate-notice strong,
.secondscent-account .account-newsletter-page-notice strong {
    display: block;
    margin-bottom: 4px;
    color: #171717;
    font-size: 13px;
}

.secondscent-account .account-affiliate-notice p,
.secondscent-account .account-newsletter-page-notice p {
    margin: 0;
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| Orders
|--------------------------------------------------------------------------
*/

.secondscent-account .account-order-filter {
    margin-bottom: 28px;
    padding: 20px;
    background: #f7f5f2;
}

.secondscent-account .account-order-filter-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(160px, 220px) auto;
    gap: 15px;
    align-items: end;
}

.secondscent-account .account-order-filter-actions {
    display: flex;
    align-items: center;
    gap: 13px;
}

.secondscent-account .account-order-list {
    display: grid;
    gap: 16px;
}

.secondscent-account .account-order-card {
    padding: 22px;
    border: 1px solid #e5e1db;
    background: #ffffff;
    transition: 0.2s ease;
}

.secondscent-account .account-order-card:hover {
    border-color: #cfc9c1;
    box-shadow: 0 10px 28px rgba(26, 26, 26, 0.06);
}

.secondscent-account .account-order-top,
.secondscent-account .account-order-bottom,
.secondscent-account .account-order-statuses {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.secondscent-account .account-order-number {
    display: block;
    margin-bottom: 5px;
    color: #171717;
    font-size: 14px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.secondscent-account .account-order-date,
.secondscent-account .account-order-bottom > span {
    color: #888888;
    font-size: 11px;
}

.secondscent-account .account-order-total {
    color: #171717;
    font-size: 16px;
    white-space: nowrap;
}

.secondscent-account .account-order-statuses {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 17px 0;
}

.secondscent-account .account-order-products {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 16px;
    background: #f8f7f5;
}

.secondscent-account .account-order-product-thumb {
    flex: 0 0 66px;
    width: 66px;
    height: 66px;
    overflow: hidden;
    background: #efede9;
}

.secondscent-account .account-order-product-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.secondscent-account .account-order-product-info {
    min-width: 0;
}

.secondscent-account .account-order-product-info strong,
.secondscent-account .account-order-product-info span,
.secondscent-account .account-order-product-info small {
    display: block;
}

.secondscent-account .account-order-product-info strong {
    color: #171717;
    font-size: 13px;
}

.secondscent-account .account-order-product-info span,
.secondscent-account .account-order-product-info small {
    margin-top: 4px;
    color: #828282;
    font-size: 11px;
}

.secondscent-account .account-order-bottom {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #ebe7e2;
}

.secondscent-account .account-order-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 25px;
}

.secondscent-account .account-order-detail-box {
    min-width: 0;
    padding: 23px;
    border: 1px solid #e5e1db;
}

.secondscent-account .account-order-detail-box h4 {
    margin: 0 0 18px;
    color: #171717;
    font-size: 16px;
}

.secondscent-account .account-order-item {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 15px 0;
    border-top: 1px solid #ebe7e2;
}

.secondscent-account .account-order-item:first-child {
    padding-top: 0;
    border-top: 0;
}

.secondscent-account .account-order-item strong,
.secondscent-account .account-order-item span,
.secondscent-account .account-order-item small {
    display: block;
}

.secondscent-account .account-order-item-price {
    flex: 0 0 auto;
    text-align: right;
}

.secondscent-account .account-order-info-lines > div {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 11px 0;
    border-top: 1px solid #ebe7e2;
}

.secondscent-account .account-order-info-lines > div:first-child {
    border-top: 0;
}

.secondscent-account .account-order-info-lines span {
    color: #777777;
    font-size: 12px;
}

.secondscent-account .account-order-info-lines strong {
    max-width: 58%;
    color: #171717;
    font-size: 12px;
    text-align: right;
    overflow-wrap: anywhere;
}

.secondscent-account .account-order-grand-total {
    margin-top: 8px;
    padding-top: 16px !important;
    border-top: 2px solid #171717 !important;
}

.secondscent-account .account-order-grand-total strong {
    font-size: 18px;
}

.secondscent-account .account-shipment-highlight,
.secondscent-account .account-order-pay-box {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin: 22px 0;
    padding: 20px;
    border-left: 3px solid #b48732;
    background: #f4f7f5;
}

.secondscent-account .account-order-pay-box {
    align-items: center;
    justify-content: space-between;
    border-left-color: #b58a2a;
    background: #fff9ec;
}


/*
|--------------------------------------------------------------------------
| Addresses and newsletter
|--------------------------------------------------------------------------
*/

.secondscent-account .account-address-list {
    display: grid;
    gap: 16px;
}

.secondscent-account .account-address-card {
    padding: 22px;
    border: 1px solid #e5e1db;
    background: #ffffff;
}

.secondscent-account .account-address-card h4 {
    margin: 0 0 7px;
    color: #171717;
    font-size: 15px;
}

.secondscent-account .account-address-card h4 span {
    margin-left: 8px;
    padding: 4px 7px;
    background: #edf6f0;
    color: #4d765f;
    font-size: 9px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.secondscent-account .account-address-recipient,
.secondscent-account .account-address-line,
.secondscent-account .account-address-region {
    margin: 0;
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.65;
}

.secondscent-account .account-address-line {
    margin-top: 13px;
    color: #333333;
}

.secondscent-account .account-address-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 17px;
    padding-top: 15px;
    border-top: 1px solid #ebe7e2;
}

.secondscent-account .account-address-inline-form {
    display: inline;
    margin: 0;
}

.secondscent-account .newsletter-preferences-list,
.secondscent-account .affiliate-payout-option-list {
    display: grid;
    gap: 12px;
}

.secondscent-account .newsletter-preference-option,
.secondscent-account .affiliate-payout-option-ui {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    padding: 17px 18px;
    border: 1px solid #e1ddd7;
    background: #ffffff;
    cursor: pointer;
}

.secondscent-account .newsletter-preference-option.is-selected,
.secondscent-account .affiliate-payout-option-input:checked + .affiliate-payout-option-ui {
    border-color: #b48732;
    background: #f2f6f3;
}

.secondscent-account .newsletter-preference-option > input,
.secondscent-account .affiliate-payout-option-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.secondscent-account .newsletter-preference-option__check,
.secondscent-account .affiliate-payout-option-control {
    display: inline-flex;
    flex: 0 0 19px;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border: 1px solid #bdb7ae;
    color: transparent;
    font-size: 10px;
}

.secondscent-account .newsletter-preference-option.is-selected .newsletter-preference-option__check,
.secondscent-account .affiliate-payout-option-input:checked + .affiliate-payout-option-ui .affiliate-payout-option-control {
    border-color: #171717;
    background: #171717;
    color: #ffffff;
}

.secondscent-account .account-newsletter-page-account,
.secondscent-account .account-affiliate-intro,
.secondscent-account .account-affiliate-empty,
.secondscent-account .account-newsletter-page-empty {
    margin-bottom: 24px;
    padding: 24px;
    background: #f7f5f2;
}

.secondscent-account .account-newsletter-page-account,
.secondscent-account .account-affiliate-intro {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}


/*
|--------------------------------------------------------------------------
| Empty states and pagination
|--------------------------------------------------------------------------
*/

.secondscent-account .account-empty-box,
.secondscent-account .account-empty-state {
    padding: 46px 28px;
    border: 1px dashed #d7d1c9;
    background: #faf9f7;
    text-align: center;
}

.secondscent-account .account-empty-box h4,
.secondscent-account .account-empty-state h4 {
    margin: 0 0 9px;
    color: #171717;
    font-size: 18px;
}

.secondscent-account .account-empty-box p,
.secondscent-account .account-empty-state p {
    max-width: 520px;
    margin: 0 auto 20px;
    color: #777777;
    font-size: 13px;
    line-height: 1.65;
}

.secondscent-account .account-pagination-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 28px;
}

.secondscent-account .account-pagination-info {
    color: #858585;
    font-size: 11px;
}

.secondscent-account .account-pagination {
    display: flex;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.secondscent-account .account-pagination a,
.secondscent-account .account-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border: 1px solid #ded9d2;
    color: #171717;
    font-size: 12px;
    text-decoration: none;
}

.secondscent-account .account-pagination .is-active a {
    border-color: #171717;
    background: #171717;
    color: #ffffff;
}

.secondscent-account .account-pagination .is-disabled {
    opacity: 0.45;
    pointer-events: none;
}


/*
|--------------------------------------------------------------------------
| Account confirmation modals
|--------------------------------------------------------------------------
*/

body.modal-open,
body.account-modal-open,
body.account-sidebar-open {
    overflow: hidden;
}

.account-confirm-modal,
.account-newsletter-modal {
    position: fixed;
    inset: 0;
    z-index: 1085;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(20, 20, 20, 0.48);
}

.account-confirm-modal.is-active,
.account-newsletter-modal.is-open {
    display: flex;
}

.account-confirm-backdrop {
    position: absolute;
    inset: 0;
}

.account-confirm-dialog,
.account-newsletter-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 460px);
    padding: 36px;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18);
    text-align: center;
}

.account-confirm-close,
.account-newsletter-modal-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #171717;
    font-size: 24px;
}

.account-confirm-icon,
.account-newsletter-modal-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 18px;
    border-radius: 50%;
    background: #f3f1ed;
    color: #4d765f;
}

.account-confirm-actions,
.account-newsletter-modal-actions {
    display: flex;
    justify-content: center;
    gap: 11px;
    margin-top: 26px;
}

.account-confirm-cancel,
.account-confirm-danger,
.account-newsletter-cancel-btn,
.account-newsletter-confirm-btn {
    min-height: 46px;
    padding: 10px 20px;
    border: 1px solid #171717;
    border-radius: 0;
    font-size: 13px;
    font-weight: 700;
}

.account-confirm-cancel,
.account-newsletter-cancel-btn {
    background: #ffffff;
    color: #171717;
}

.account-confirm-danger,
.account-newsletter-confirm-btn {
    background: #171717;
    color: #ffffff;
}


/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {
    .secondscent-account .account-dashboard-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .secondscent-account-sidebar {
        position: fixed;
        z-index: 1090;
        top: 0;
        bottom: 0;
        left: 0;
        width: min(88vw, 330px);
        overflow-y: auto;
        border: 0;
        box-shadow: 18px 0 48px rgba(0, 0, 0, 0.16);
        transform: translateX(-105%);
        transition: transform 0.25s ease;
    }

    .secondscent-account-sidebar.is-open {
        transform: translateX(0);
    }

    .secondscent-account-sidebar .account-sidebar-mobile-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 58px;
        padding: 0 20px;
        border-bottom: 1px solid #e5e1db;
        color: #171717;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .secondscent-account-sidebar .account-sidebar-close {
        width: 38px;
        height: 38px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #171717;
    }

    .account-sidebar-toggle {
        position: fixed;
        z-index: 1060;
        right: 18px;
        bottom: 88px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 46px;
        padding: 0 16px;
        border: 1px solid #171717;
        border-radius: 0;
        background: #171717;
        color: #ffffff;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
    }

    .account-sidebar-backdrop {
        position: fixed;
        inset: 0;
        z-index: 1080;
        visibility: hidden;
        background: rgba(20, 20, 20, 0.42);
        opacity: 0;
        transition: 0.2s ease;
    }

    .account-sidebar-backdrop.is-open {
        visibility: visible;
        opacity: 1;
    }

    .secondscent-account .account-order-filter-grid {
        grid-template-columns: 1fr 1fr;
    }

    .secondscent-account .account-order-filter-actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .secondscent-account__page-heading {
        margin-bottom: 34px;
    }

    .secondscent-account__page-heading h1 {
        font-size: 34px;
    }

    .secondscent-account .account-welcome-card,
    .secondscent-account .account-section-card,
    .secondscent-account .account-newsletter-card,
    .secondscent-account .account-newsletter-summary-card,
    .secondscent-account .account-address-prompt-card,
    .secondscent-account .newsletter-preferences-unsubscribe {
        padding: 26px 22px;
        box-shadow: none;
        border: 1px solid #e7e3dd;
    }

    .secondscent-account .account-welcome-card,
    .secondscent-account .account-section-header,
    .secondscent-account .account-newsletter-summary-content,
    .secondscent-account .account-address-prompt-card,
    .secondscent-account .account-order-pay-box {
        align-items: flex-start;
        flex-direction: column;
    }

    .secondscent-account .account-summary-grid,
    .secondscent-account .account-affiliate-details,
    .secondscent-account .account-order-detail-grid {
        grid-template-columns: 1fr;
    }

    .secondscent-account .account-order-filter-grid {
        grid-template-columns: 1fr;
    }

    .secondscent-account .account-order-filter-actions {
        grid-column: auto;
    }

    .secondscent-account .account-order-top,
    .secondscent-account .account-order-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .secondscent-account .account-order-item {
        flex-direction: column;
    }

    .secondscent-account .account-order-item-price {
        text-align: left;
    }

    .secondscent-account .account-order-info-lines strong {
        max-width: 54%;
    }

    .secondscent-account .account-pagination-wrap {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    .secondscent-account .account-order-card,
    .secondscent-account .account-address-card,
    .secondscent-account .account-order-detail-box {
        padding: 18px;
    }

    .secondscent-account .account-order-products {
        align-items: flex-start;
    }

    .account-confirm-dialog,
    .account-newsletter-modal-dialog {
        padding: 34px 22px 24px;
    }

    .account-confirm-actions,
    .account-newsletter-modal-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/*
|--------------------------------------------------------------------------
| My Account Layout Hotfix
|--------------------------------------------------------------------------
| Tempel PALING BAWAH custom.css.
| Selector ini sengaja mendukung aside lama maupun aside Glowing.
*/

.secondscent-account .account-dashboard-layout,
.secondscent-account .secondscent-account__layout {
    display: grid !important;
    grid-template-columns: minmax(240px, 270px) minmax(0, 1fr) !important;
    gap: 38px !important;
    align-items: start !important;
    width: 100% !important;
}

.secondscent-account .account-main,
.secondscent-account .secondscent-account__main {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
}


/*
|--------------------------------------------------------------------------
| Sidebar Desktop
|--------------------------------------------------------------------------
*/

@media (min-width: 992px) {
    .secondscent-account .account-sidebar {
        position: sticky !important;
        z-index: 1 !important;
        top: 110px !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: block !important;
        visibility: visible !important;
        overflow: hidden !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid #e7e3dd !important;
        background: #ffffff !important;
        box-shadow: none !important;

        opacity: 1 !important;
        transform: none !important;
    }

    .secondscent-account .account-sidebar-toggle,
    .secondscent-account .account-sidebar-backdrop,
    .secondscent-account .account-sidebar-mobile-head {
        display: none !important;
    }
}


/*
|--------------------------------------------------------------------------
| Sidebar Appearance
|--------------------------------------------------------------------------
*/

.secondscent-account .account-profile-mini {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 15px !important;
    align-items: center !important;

    padding: 25px 22px !important;
    background: #f3f1ed !important;
}

.secondscent-account .account-avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 48px !important;
    height: 48px !important;

    border-radius: 50% !important;
    background: #171717 !important;

    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}

.secondscent-account .account-profile-mini__copy {
    min-width: 0 !important;
}

.secondscent-account .account-profile-mini__copy > span {
    display: block !important;
    margin-bottom: 3px !important;

    color: #b48732 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.secondscent-account .account-profile-mini__copy h4 {
    overflow: hidden !important;
    margin: 0 0 2px !important;

    color: #171717 !important;
    font-size: 15px !important;
    font-weight: 600 !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.secondscent-account .account-profile-mini__copy p {
    overflow: hidden !important;
    margin: 0 !important;

    color: #777777 !important;
    font-size: 11px !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.secondscent-account .account-menu {
    display: grid !important;
    padding: 16px !important;
}

.secondscent-account .account-menu-label {
    display: block !important;
    margin: 10px 13px 6px !important;

    color: #9a9a9a !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
}

.secondscent-account .account-menu-label--second {
    margin-top: 24px !important;
}

.secondscent-account .account-menu a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    min-height: 44px !important;
    padding: 10px 13px !important;

    border: 0 !important;
    border-left: 2px solid transparent !important;
    background: transparent !important;

    color: #555555 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

.secondscent-account .account-menu a i {
    width: 18px !important;
    color: #888888 !important;
    font-size: 14px !important;
    text-align: center !important;
}

.secondscent-account .account-menu a:hover {
    background: #faf9f7 !important;
    color: #171717 !important;
}

.secondscent-account .account-menu a.is-active {
    border-left-color: #171717 !important;
    background: #f3f1ed !important;
    color: #171717 !important;
    font-weight: 700 !important;
}

.secondscent-account .account-menu a.is-active i {
    color: #4d765f !important;
}

.secondscent-account .account-menu .account-menu-logout {
    margin-top: 16px !important;
    padding-top: 15px !important;
    border-top: 1px solid #ebe7e2 !important;
    color: #a4473d !important;
}


/*
|--------------------------------------------------------------------------
| Main Content Guard
|--------------------------------------------------------------------------
*/

.secondscent-account .account-welcome-card,
.secondscent-account .account-section-card,
.secondscent-account .account-newsletter-card,
.secondscent-account .account-address-prompt-card {
    width: 100% !important;
    max-width: none !important;
}

.secondscent-account .account-welcome-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
}


/*
|--------------------------------------------------------------------------
| Mobile Sidebar
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {
    .secondscent-account .account-dashboard-layout,
    .secondscent-account .secondscent-account__layout {
        display: block !important;
    }

    .secondscent-account .account-sidebar {
        position: fixed !important;
        z-index: 1090 !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        display: block !important;
        visibility: visible !important;
        overflow-y: auto !important;

        width: min(88vw, 330px) !important;
        height: 100vh !important;
        max-height: none !important;

        border: 0 !important;
        background: #ffffff !important;
        box-shadow: 18px 0 48px rgba(0, 0, 0, 0.16) !important;

        transform: translateX(-105%) !important;
        transition: transform 0.25s ease !important;
    }

    .secondscent-account .account-sidebar.is-open {
        transform: translateX(0) !important;
    }

    .secondscent-account .account-sidebar-mobile-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        min-height: 58px !important;
        padding: 0 20px !important;

        border-bottom: 1px solid #e5e1db !important;
    }

    .secondscent-account .account-sidebar-toggle {
        position: fixed !important;
        z-index: 1060 !important;
        right: 18px !important;
        bottom: 88px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;

        min-height: 46px !important;
        padding: 0 16px !important;

        border: 1px solid #171717 !important;
        border-radius: 0 !important;
        background: #171717 !important;

        color: #ffffff !important;
    }

    .secondscent-account .account-sidebar-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 1080 !important;

        display: block !important;
        visibility: hidden !important;

        background: rgba(20, 20, 20, 0.42) !important;
        opacity: 0 !important;
    }

    .secondscent-account .account-sidebar-backdrop.is-open {
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 767.98px) {
    .secondscent-account .account-welcome-card {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

/*
|--------------------------------------------------------------------------
| Dashboard Newsletter Spacing
|--------------------------------------------------------------------------
*/

.secondscent-account .account-newsletter-content {
    width: 100%;
    min-width: 0;
}

.secondscent-account .account-newsletter-content h3 {
    margin-bottom: 12px;
}

.secondscent-account .account-newsletter-content > p {
    margin: 0 0 22px;
    line-height: 1.7;
}

.secondscent-account .account-newsletter-checkbox {
    align-items: flex-start;
    gap: 13px;
    margin: 0 0 9px;
}

.secondscent-account .account-newsletter-checkbox input {
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    margin: 2px 0 0;
}

.secondscent-account .account-newsletter-checkbox span {
    line-height: 1.55;
}

.secondscent-account .account-newsletter-content > small {
    display: block;
    padding-left: 32px;

    color: #858585;
    font-size: 11px;
    line-height: 1.6;
}

/*
|--------------------------------------------------------------------------
| Newsletter Page
|--------------------------------------------------------------------------
*/

.secondscent-account .account-newsletter-page-empty {
    padding: 34px 26px 26px;
    text-align: left;
}

.secondscent-account
.account-newsletter-page-empty-icon {
    margin-bottom: 18px;
}

.secondscent-account
.account-newsletter-page-empty h4 {
    margin: 0 0 10px;
    color: #171717;
    font-size: 24px;
}

.secondscent-account
.account-newsletter-page-empty > p {
    max-width: 720px;
    margin: 0 0 26px;

    color: #666666;
    line-height: 1.7;
}

.secondscent-account
.account-newsletter-activation-form {
    margin-top: 0;
}

.secondscent-account
.account-newsletter-optin-box {
    padding: 0;
    border: 0;
    background: transparent;
}

.secondscent-account
.account-newsletter-optin-check {
    position: relative;

    display: flex;
    align-items: flex-start;
    gap: 14px;

    padding: 18px 20px;
    border: 1px solid #ddd8d1;
    background: #ffffff;
}

/* Sembunyikan checkbox native. */
.secondscent-account
.account-newsletter-optin-check > input {
    position: absolute;

    width: 1px;
    height: 1px;

    opacity: 0;
    pointer-events: none;
}

.secondscent-account
.account-newsletter-optin-control {
    display: inline-flex;
    flex: 0 0 20px;
    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;
    margin-top: 1px;

    border: 1px solid #aaa49c;
    background: #ffffff;

    color: transparent;
    font-size: 10px;
}

.secondscent-account
.account-newsletter-optin-check
input:checked
+ .account-newsletter-optin-control {
    border-color: #171717;
    background: #171717;
    color: #ffffff;
}

.secondscent-account
.account-newsletter-optin-copy {
    min-width: 0;
}

.secondscent-account
.account-newsletter-optin-copy strong,
.secondscent-account
.account-newsletter-optin-copy small {
    display: block;
}

.secondscent-account
.account-newsletter-optin-copy strong {
    margin-bottom: 5px;
    color: #171717;
    font-size: 13px;
}

.secondscent-account
.account-newsletter-optin-copy small {
    color: #777777;
    font-size: 11px;
    line-height: 1.55;
}

.secondscent-account
.account-newsletter-main-action {
    margin-top: 18px;
}

.secondscent-account
.account-newsletter-main-action:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

/*
|--------------------------------------------------------------------------
| Affiliate Form Spacing
|--------------------------------------------------------------------------
*/

.secondscent-account
.account-affiliate-field small {
    display: block;
    margin-top: 9px;

    color: #858585;
    font-size: 11px;
    line-height: 1.55;
}

.secondscent-account
.account-affiliate-form > .account-check {
    align-items: flex-start;
    gap: 12px;

    margin-top: 18px;
    margin-bottom: 0;
}

.secondscent-account
.account-affiliate-form > .account-check input {
    margin-top: 2px;
}

.secondscent-account
.account-affiliate-submit-btn {
    margin-top: 22px;
}

/*
|--------------------------------------------------------------------------
| Profile Email
|--------------------------------------------------------------------------
*/

.secondscent-account
.account-profile-email-field
#profileEmail:disabled {
    border-color: #d8d4ce;
    background: #f7f5f2;

    color: #3f3f3f;
    opacity: 1;
    cursor: not-allowed;
}

.secondscent-account
.account-email-status-box {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 94px;
}

.secondscent-account
.account-email-status-box p {
    margin: 10px 0 0;

    color: #666666;
    font-size: 12px;
    line-height: 1.55;
}

/*
|--------------------------------------------------------------------------
| Address Form Checkbox
|--------------------------------------------------------------------------
*/

.secondscent-account
.account-address-form
.account-check {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin: 3px 0 0;

    color: #555555;
    cursor: pointer;
}

.secondscent-account
.account-address-form
.account-check input {
    flex: 0 0 19px;

    width: 19px;
    height: 19px;
    margin: 0;

    accent-color: #171717;
}

.secondscent-account
.account-address-form
.account-check span {
    line-height: 19px;
}

/* Jarak tombol Simpan dan Batal. */
.secondscent-account
.account-address-form
.col-12:last-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
}

/*
    |--------------------------------------------------------------------------
    | Profile Page
    |--------------------------------------------------------------------------
    */

.secondscent-profile-page
.secondscent-profile-card {
    padding: 38px 40px;
}

.secondscent-profile-page
.secondscent-profile-form {
    display: grid;
    gap: 26px;
}

.secondscent-profile-page
.secondscent-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.secondscent-profile-page
.secondscent-profile-email {
    display: grid;
    grid-template-columns:
            minmax(0, 1.3fr)
            minmax(240px, 0.7fr);

    border: 1px solid #e1ddd7;
    background: #f7f5f2;
}

.secondscent-profile-page
.secondscent-profile-email__field,
.secondscent-profile-page
.secondscent-profile-email__status {
    padding: 22px;
}

.secondscent-profile-page
.secondscent-profile-email__field > label {
    display: block;
    margin-bottom: 10px;

    color: #171717;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.secondscent-profile-page
.secondscent-profile-email__value {
    display: flex;
    align-items: center;
    gap: 12px;

    min-height: 52px;
    padding: 12px 15px;

    border: 1px solid #d8d4ce;
    background: #ffffff;

    color: #3f3f3f;
    font-size: 13px;
}

.secondscent-profile-page
.secondscent-profile-email__value i {
    color: #888888;
}

.secondscent-profile-page
.secondscent-profile-email__field small {
    display: block;
    margin-top: 8px;

    color: #888888;
    font-size: 11px;
    line-height: 1.55;
}

.secondscent-profile-page
.secondscent-profile-email__status {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    border-left: 1px solid #e1ddd7;
    background: #ffffff;
}

.secondscent-profile-page
.secondscent-profile-email__status p {
    margin: 11px 0 0;

    color: #666666;
    font-size: 11px;
    line-height: 1.6;
}

.secondscent-profile-page
.secondscent-profile-newsletter {
    position: relative;

    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 13px;
    align-items: flex-start;

    padding: 18px 20px;

    border: 1px solid #ded9d2;
    background: #ffffff;

    cursor: pointer;
}

.secondscent-profile-page
.secondscent-profile-newsletter > input {
    position: absolute;

    width: 1px;
    height: 1px;

    opacity: 0;
    pointer-events: none;
}

.secondscent-profile-page
.secondscent-profile-newsletter__control {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;
    margin-top: 1px;

    border: 1px solid #aaa49c;
    background: #ffffff;

    color: transparent;
    font-size: 10px;
}

.secondscent-profile-page
.secondscent-profile-newsletter
input:checked
+ .secondscent-profile-newsletter__control {
    border-color: #171717;
    background: #171717;
    color: #ffffff;
}

.secondscent-profile-page
.secondscent-profile-newsletter__copy strong,
.secondscent-profile-page
.secondscent-profile-newsletter__copy small {
    display: block;
}

.secondscent-profile-page
.secondscent-profile-newsletter__copy strong {
    margin-bottom: 4px;

    color: #171717;
    font-size: 13px;
}

.secondscent-profile-page
.secondscent-profile-newsletter__copy small {
    color: #777777;
    font-size: 11px;
    line-height: 1.6;
}

.secondscent-profile-page
.secondscent-profile-actions {
    display: flex;
    justify-content: flex-start;

    padding-top: 22px;
    border-top: 1px solid #e8e4de;
}

.secondscent-profile-page
.secondscent-profile-actions
.account-save-btn {
    min-width: 185px;
}

@media (max-width: 767.98px) {
    .secondscent-profile-page
    .secondscent-profile-card {
        padding: 26px 22px;
    }

    .secondscent-profile-page
    .secondscent-profile-grid,
    .secondscent-profile-page
    .secondscent-profile-email {
        grid-template-columns: 1fr;
    }

    .secondscent-profile-page
    .secondscent-profile-email__status {
        border-top: 1px solid #e1ddd7;
        border-left: 0;
    }
}

@media (max-width: 575.98px) {
    .secondscent-profile-page
    .secondscent-profile-actions
    .account-save-btn {
        width: 100%;
    }
}

/*
|--------------------------------------------------------------------------
| Blog Grid — Glowing (contrast fix)
|--------------------------------------------------------------------------
*/

.secondscent-blog-grid {
    padding-top: 20px;
}

.secondscent-blog-grid__intro {
    max-width: 660px;
    color: #5f5f5f;
    font-size: 15px;
    line-height: 1.75;
}

.secondscent-blog-grid .card-post-grid-1 {
    min-width: 0;
    background: #ffffff;
    border: 1px solid #ebe7e1 !important;
    padding: 0 0 28px;
    transition: all 0.25s ease;
}

.secondscent-blog-grid .card-post-grid-1:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
    transform: translateY(-3px);
}

.secondscent-blog-grid__image {
    overflow: hidden;
    aspect-ratio: 370 / 450;
    background: #f3f1ed;
}

.secondscent-blog-grid__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.secondscent-blog-grid .post-cat {
    background: #171717 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    font-size: 12px;
    letter-spacing: 0.04em;
}

.secondscent-blog-grid .post-cat:hover {
    background: #4d765f !important;
    color: #ffffff !important;
}

.secondscent-blog-grid .card-body {
    padding-left: 22px !important;
    padding-right: 22px !important;
    padding-top: 38px !important;
}

.secondscent-blog-grid .card-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 18px !important;
}

.secondscent-blog-grid .card-title a {
    color: #171717 !important;
}

.secondscent-blog-grid .card-title a:hover {
    color: #4d765f !important;
}

.secondscent-blog-grid .post-meta {
    color: #6b6b6b;
    font-size: 13px;
}

.secondscent-blog-grid .post-meta .text-body-emphasis {
    color: #171717 !important;
}

.secondscent-blog-grid__empty > span {
    width: 64px;
    height: 64px;
    color: #4d765f;
    font-size: 20px;
}

.secondscent-blog-grid__empty > p {
    color: #777777;
}

.secondscent-blog-pagination .pagination {
    margin: 0;
    gap: 8px;
}

.secondscent-blog-pagination .page-link {
    border: 1px solid #d8d2ca;
    background: #ffffff;
    color: #171717;
    min-width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.secondscent-blog-pagination .page-link:hover {
    background: #171717;
    border-color: #171717;
    color: #ffffff;
}

.secondscent-blog-pagination .page-item.active .page-link,
.secondscent-blog-pagination .active > a,
.secondscent-blog-pagination .active > span {
    background: #171717;
    border-color: #171717;
    color: #ffffff;
}

@media (max-width: 767.98px) {
    .secondscent-blog-grid .card-title {
        font-size: 21px;
    }

    .secondscent-blog-grid .card-body {
        padding-left: 18px !important;
        padding-right: 18px !important;
        padding-top: 34px !important;
    }
}

/*
    |--------------------------------------------------------------------------
    | Blog Grid Visibility Fix
    |--------------------------------------------------------------------------
    */

.secondscent-blog-heading,
.secondscent-blog-grid,
.secondscent-blog-grid .row,
.secondscent-blog-grid [class*="col-"],
.secondscent-blog-card,
.secondscent-blog-card * {
    visibility: visible !important;
    opacity: 1 !important;
}

.secondscent-blog-heading,
.secondscent-blog-grid,
.secondscent-blog-card {
    transform: none !important;
    animation: none !important;
}

.secondscent-blog-heading {
    position: relative;
    z-index: 1;
    background: #ffffff;
}

.secondscent-blog-heading h1 {
    color: #171717 !important;
    font-size: clamp(38px, 4.5vw, 58px);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.secondscent-blog-heading
.secondscent-blog-grid__intro {
    max-width: 660px;
    color: #626262 !important;
    font-size: 15px;
    line-height: 1.75;
}

.secondscent-blog-grid {
    position: relative;
    z-index: 1;
    padding-top: 24px;
}

.secondscent-blog-card {
    overflow: visible;
    border: 1px solid #e7e2dc !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none;
    transition:
            transform 0.22s ease,
            box-shadow 0.22s ease;
}

.secondscent-blog-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.07);
}

.secondscent-blog-grid__image {
    display: block;
    overflow: hidden;
    aspect-ratio: 370 / 450;
    background: #f1efeb;
}

.secondscent-blog-grid__image img {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.secondscent-blog-card .post-cat {
    z-index: 3;
    border-radius: 0 !important;
    background: #171717 !important;
    color: #ffffff !important;
    font-size: 12px;
    letter-spacing: 0.04em;
}

.secondscent-blog-card .card-body {
    min-height: 190px;
    padding:
            40px 24px
            28px !important;
    background: #ffffff;
}

.secondscent-blog-card .card-title {
    margin-bottom: 20px !important;
    color: #171717 !important;
    font-size: 22px !important;
    font-weight: 500;
    line-height: 1.42 !important;
}

.secondscent-blog-card .card-title a {
    color: #171717 !important;
}

.secondscent-blog-card .card-title a:hover {
    color: #4d765f !important;
}

.secondscent-blog-card .post-meta,
.secondscent-blog-card .post-meta li {
    color: #6d6d6d !important;
    font-size: 12px;
    line-height: 1.45 !important;
}

.secondscent-blog-card
.post-meta
.text-body-emphasis {
    color: #171717 !important;
}

.secondscent-blog-grid__empty,
.secondscent-blog-grid__empty h2,
.secondscent-blog-grid__empty p {
    visibility: visible !important;
    opacity: 1 !important;
    color: #171717;
}

@media (max-width: 767.98px) {
    .secondscent-blog-heading h1 {
        font-size: 36px;
    }

    .secondscent-blog-card .card-body {
        min-height: 0;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
}

/*
        |--------------------------------------------------------------------------
        | Generic Content Page — Glowing
        |--------------------------------------------------------------------------
        */

.secondscent-page__heading {
    max-width: 760px;
    margin: 0 auto 52px;
}

.secondscent-page__eyebrow {
    margin: 0 0 15px;

    color: #b48732;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.secondscent-page__heading h1 {
    margin: 0;

    color: #171717;
    font-size: clamp(38px, 4.5vw, 58px);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.08;
}

.secondscent-page__content {
    color: #555555;
    font-size: 16px;
    line-height: 1.85;
}

.secondscent-page__content > *:first-child {
    margin-top: 0;
}

.secondscent-page__content > *:last-child {
    margin-bottom: 0;
}

.secondscent-page__content p {
    margin-bottom: 24px;
}

.secondscent-page__content h2,
.secondscent-page__content h3,
.secondscent-page__content h4,
.secondscent-page__content h5,
.secondscent-page__content h6 {
    margin-top: 42px;
    margin-bottom: 18px;

    color: #171717;
    font-weight: 500;
    letter-spacing: -0.025em;
    line-height: 1.3;
}

.secondscent-page__content h2 {
    font-size: 32px;
}

.secondscent-page__content h3 {
    font-size: 25px;
}

.secondscent-page__content h4 {
    font-size: 20px;
}

.secondscent-page__content a {
    color: #171717;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.secondscent-page__content a:hover {
    color: #4d765f;
}

.secondscent-page__content img {
    display: block;

    max-width: 100%;
    height: auto;
    margin: 36px auto;
}

.secondscent-page__content figure {
    margin: 38px 0;
}

.secondscent-page__content figcaption {
    margin-top: 10px;

    color: #888888;
    font-size: 12px;
    text-align: center;
}

.secondscent-page__content blockquote {
    margin: 40px 0;
    padding: 28px 32px;

    border-left: 3px solid #b48732;
    background: #f3f1ed;

    color: #171717;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.6;
}

.secondscent-page__content ul,
.secondscent-page__content ol {
    margin-bottom: 26px;
    padding-left: 24px;
}

.secondscent-page__content li {
    margin-bottom: 9px;
}

.secondscent-page__content hr {
    margin: 40px 0;
    border-color: #e1ddd7;
    opacity: 1;
}

.secondscent-page__content table {
    width: 100%;
    margin: 28px 0;

    border-collapse: collapse;
}

.secondscent-page__content th,
.secondscent-page__content td {
    padding: 14px 16px;
    border: 1px solid #e1ddd7;
    vertical-align: top;
}

.secondscent-page__content th {
    background: #f3f1ed;
    color: #171717;
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .secondscent-page__heading {
        margin-bottom: 36px;
    }

    .secondscent-page__heading h1 {
        font-size: 36px;
    }

    .secondscent-page__content {
        font-size: 15px;
        line-height: 1.75;
    }

    .secondscent-page__content h2 {
        font-size: 27px;
    }

    .secondscent-page__content h3 {
        font-size: 22px;
    }

    .secondscent-page__content blockquote {
        padding: 24px;
        font-size: 18px;
    }

    .secondscent-page__content {
        overflow-x: auto;
    }
}

/*
    |--------------------------------------------------------------------------
    | Contact Page — Glowing
    |--------------------------------------------------------------------------
    */

.secondscent-contact__heading {
    max-width: 760px;
    margin: 0 auto 54px;
}

.secondscent-contact__eyebrow {
    margin: 0 0 15px;

    color: #b48732;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.secondscent-contact__heading h1 {
    margin: 0 0 18px;

    color: #171717;
    font-size: clamp(38px, 4.5vw, 58px);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.08;
}

.secondscent-contact__heading > p:last-child {
    max-width: 670px;
    margin: 0 auto;

    color: #707070;
    font-size: 15px;
    line-height: 1.75;
}

.secondscent-contact__layout {
    align-items: stretch;
}

.secondscent-contact__info {
    padding: 52px 46px;
    background: #f3f1ed;
}

.secondscent-contact__info-label {
    display: block;
    margin-bottom: 17px;

    color: #b48732;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.secondscent-contact__info h2 {
    margin: 0 0 18px;

    color: #171717;
    font-size: clamp(28px, 3vw, 39px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1.18;
}

.secondscent-contact__info-copy {
    margin: 0;

    color: #6c6c6c;
    font-size: 14px;
    line-height: 1.75;
}

.secondscent-contact__items {
    display: grid;
    gap: 0;
    margin: 36px 0;
}

.secondscent-contact__item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 15px;
    align-items: flex-start;

    padding: 20px 0;
    border-top: 1px solid #d9d4cc;
}

.secondscent-contact__item:last-child {
    border-bottom: 1px solid #d9d4cc;
}

.secondscent-contact__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border: 1px solid #cbc5bd;
    border-radius: 50%;

    color: #4d765f;
    font-size: 15px;
}

.secondscent-contact__item h3 {
    margin: 0 0 5px;

    color: #171717;
    font-size: 14px;
    font-weight: 700;
}

.secondscent-contact__item p {
    margin: 0;

    color: #555555;
    font-size: 13px;
    line-height: 1.65;
}

.secondscent-contact__item small {
    display: block;
    margin-top: 4px;

    color: #858585;
    font-size: 11px;
    line-height: 1.5;
}

.secondscent-contact__item a {
    color: #171717;
    text-decoration: none;
}

.secondscent-contact__item a:hover {
    color: #4d765f;
}

.secondscent-contact__notice {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 13px;
    align-items: flex-start;

    padding: 17px 18px;

    border: 1px solid #d9d4cc;
    background: rgba(255, 255, 255, 0.45);
}

.secondscent-contact__notice i {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    color: #4d765f;
}

.secondscent-contact__notice p {
    margin: 0;

    color: #666666;
    font-size: 11px;
    line-height: 1.6;
}

.secondscent-contact__form-card {
    min-height: 100%;
}

.secondscent-contact__form-card .card-body {
    padding: 52px 54px;
}

.secondscent-contact__form-head {
    margin-bottom: 32px;
}

.secondscent-contact__form-head h2 {
    margin: 0 0 9px;

    color: #171717;
    font-size: 28px;
    font-weight: 500;
}

.secondscent-contact__form-head p {
    margin: 0;

    color: #777777;
    font-size: 13px;
    line-height: 1.65;
}

.secondscent-contact .form-control {
    min-height: 54px;
    padding: 13px 17px;

    border-color: #d8d4ce;
    border-radius: 0;
    background: #ffffff;

    color: #171717;
}

.secondscent-contact textarea.form-control {
    min-height: 160px;
    resize: vertical;
}

.secondscent-contact .form-control:focus {
    border-color: #171717;
    box-shadow: none;
}

.secondscent-contact__submit {
    min-height: 54px;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.secondscent-contact__privacy {
    margin: 14px 0 0;

    color: #999999;
    font-size: 11px;
    line-height: 1.55;
    text-align: center;
}

.secondscent-contact__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    margin-top: 42px;
    padding: 30px 34px;

    border: 1px solid #e1ddd7;
    background: #ffffff;
}

.secondscent-contact__cta span {
    display: block;
    margin-bottom: 6px;

    color: #171717;
    font-size: 18px;
    font-weight: 600;
}

.secondscent-contact__cta p {
    margin: 0;

    color: #777777;
    font-size: 13px;
    line-height: 1.6;
}

.secondscent-contact__cta-links {
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
}

@media (max-width: 991.98px) {
    .secondscent-contact__heading {
        margin-bottom: 42px;
    }

    .secondscent-contact__info {
        padding: 42px 36px;
    }

    .secondscent-contact__form-card .card-body {
        padding: 44px 36px;
    }
}

@media (max-width: 767.98px) {
    .secondscent-contact__cta {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    .secondscent-contact__heading {
        margin-bottom: 34px;
    }

    .secondscent-contact__heading h1 {
        font-size: 36px;
    }

    .secondscent-contact__info {
        padding: 34px 24px;
    }

    .secondscent-contact__form-card {
        border: 1px solid #e5e1dc !important;
        box-shadow: none !important;
    }

    .secondscent-contact__form-card .card-body {
        padding: 32px 22px;
    }

    .secondscent-contact__cta {
        padding: 24px 22px;
    }

    .secondscent-contact__cta-links {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
    }

    .secondscent-contact__cta-links .btn {
        width: 100%;
    }
}

.secondscent-contact__svg {
    display: block;

    width: 19px;
    height: 19px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/*
|--------------------------------------------------------------------------
| Static Pages — Glowing
|--------------------------------------------------------------------------
| GANTI blok CSS static page sebelumnya dengan blok ini.
*/

.static-glowing__layout {
    align-items: stretch;
}

.static-glowing__intro {
    height: 100%;
    padding: 52px 46px;
    background: #f3f1ed;
}

.static-glowing__intro--sticky {
    position: sticky;
    top: 110px;
    height: auto;
}

.static-glowing__label {
    display: block;
    margin-bottom: 17px;
    color: #b48732;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.static-glowing__intro h2 {
    margin: 0 0 19px;
    color: #171717;
    font-size: clamp(29px, 3vw, 40px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1.18;
}

.static-glowing__intro-copy {
    margin: 0;
    color: #686868;
    font-size: 14px;
    line-height: 1.75;
}

.static-glowing__steps {
    display: grid;
    gap: 24px;
    margin: 38px 0;
}

.static-glowing__steps article,
.static-glowing__policy-sections > section {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 16px;
    align-items: flex-start;
}

.static-glowing__steps article > span,
.static-glowing__policy-sections > section > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid #cbc5bd;
    border-radius: 50%;
    color: #171717;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.static-glowing__steps strong {
    display: block;
    margin-bottom: 5px;
    color: #171717;
    font-size: 14px;
}

.static-glowing__steps p {
    margin: 0;
    color: #707070;
    font-size: 12px;
    line-height: 1.6;
}

.static-glowing__note {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 13px;
    align-items: flex-start;
    padding: 17px 18px;
    border: 1px solid #d9d4cc;
    background: rgba(255, 255, 255, 0.45);
}

.static-glowing__note-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #ffffff;
    color: #4d765f;
    font-weight: 700;
}

.static-glowing__note p {
    margin: 0;
    color: #666666;
    font-size: 11px;
    line-height: 1.6;
}

.static-glowing__card {
    min-height: 100%;
}

.static-glowing__card .card-body {
    padding: 52px 54px;
}

.static-glowing__card-head {
    margin-bottom: 32px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e5e1db;
}

.static-glowing__card-head h3 {
    margin: 0 0 9px;
    color: #171717;
    font-size: 28px;
    font-weight: 500;
}

.static-glowing__card-head p {
    margin: 0;
    color: #777777;
    font-size: 13px;
    line-height: 1.65;
}

.static-glowing__value-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid #e5e1db;
    border-left: 1px solid #e5e1db;
}

.static-glowing__value-grid article {
    padding: 25px;
    border-right: 1px solid #e5e1db;
    border-bottom: 1px solid #e5e1db;
}

.static-glowing__value-grid article > span {
    display: block;
    margin-bottom: 12px;
    color: #b48732;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.static-glowing__value-grid h4 {
    margin: 0 0 8px;
    color: #171717;
    font-size: 15px;
    font-weight: 600;
}

.static-glowing__value-grid p {
    margin: 0;
    color: #707070;
    font-size: 12px;
    line-height: 1.65;
}

.static-glowing__quote {
    margin: 32px 0 0 !important;
    padding: 26px 28px !important;
    border-left: 3px solid #b48732 !important;
    background: #f3f1ed !important;
    color: #171717 !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
}

.static-glowing__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.static-glowing__policy-summary {
    display: grid;
    gap: 0;
    margin: 36px 0 28px;
    border-top: 1px solid #d9d4cc;
}

.static-glowing__policy-summary > div {
    padding: 17px 0;
    border-bottom: 1px solid #d9d4cc;
}

.static-glowing__policy-summary span,
.static-glowing__policy-summary strong {
    display: block;
}

.static-glowing__policy-summary span {
    margin-bottom: 4px;
    color: #888888;
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.static-glowing__policy-summary strong {
    color: #171717;
    font-size: 13px;
}

.static-glowing__text-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #171717 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

.static-glowing__policy-sections {
    display: grid;
}

.static-glowing__policy-sections > section {
    padding: 27px 0;
    border-bottom: 1px solid #e5e1db;
}

.static-glowing__policy-sections > section:first-child {
    padding-top: 0;
}

.static-glowing__policy-sections h4 {
    margin: 0 0 12px;
    color: #171717;
    font-size: 18px;
    font-weight: 600;
}

.static-glowing__policy-sections p,
.static-glowing__policy-sections ul,
.static-glowing__policy-sections ol {
    margin-top: 0;
    margin-bottom: 0;
    color: #626262;
    font-size: 13px;
    line-height: 1.75;
}

.static-glowing__policy-sections p + p {
    margin-top: 14px;
}

.static-glowing__policy-sections ul,
.static-glowing__policy-sections ol {
    padding-left: 20px;
}

.static-glowing__policy-sections li {
    margin-bottom: 7px;
}

.static-glowing__legal-note {
    margin-top: 28px;
    padding: 18px 20px;
    border-left: 3px solid #b48732;
    background: #f3f1ed;
    color: #666666;
    font-size: 12px;
    line-height: 1.6;
}

@media (max-width: 991.98px) {
    .static-glowing__intro,
    .static-glowing__card .card-body {
        padding: 42px 36px;
    }

    .static-glowing__intro--sticky {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .static-glowing__value-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .static-glowing__intro,
    .static-glowing__card .card-body {
        padding: 32px 22px;
    }

    .static-glowing__card {
        border: 1px solid #e5e1dc !important;
        box-shadow: none !important;
    }

    .static-glowing__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .static-glowing__actions .btn {
        width: 100%;
    }
}

/*
|--------------------------------------------------------------------------
| FAQ Page — Glowing
|--------------------------------------------------------------------------
*/

.secondscent-faq__heading {
    max-width: 760px;
    margin: 0 auto 54px;
}

.secondscent-faq__eyebrow {
    margin: 0 0 15px;

    color: #b48732;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.secondscent-faq__heading h1 {
    color: #171717;
    font-size: clamp(38px, 4.5vw, 58px);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.08;
}

.secondscent-faq__heading > p:last-child {
    max-width: 670px;

    color: #707070;
    font-size: 15px;
    line-height: 1.75;
}

.secondscent-faq__layout {
    align-items: stretch;
}


/*
|--------------------------------------------------------------------------
| Left Panel
|--------------------------------------------------------------------------
*/

.secondscent-faq__intro {
    padding: 52px 44px;
    background: #f3f1ed;
}

.secondscent-faq__intro-label {
    display: block;
    margin-bottom: 17px;

    color: #b48732;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.secondscent-faq__intro h2 {
    margin: 0 0 18px;

    color: #171717;
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1.18;
}

.secondscent-faq__intro-copy {
    margin: 0;

    color: #6b6b6b;
    font-size: 14px;
    line-height: 1.75;
}

.secondscent-faq__topics {
    display: grid;
    gap: 24px;

    margin: 36px 0;
}

.secondscent-faq__topics article {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 15px;
    align-items: flex-start;
}

.secondscent-faq__topics article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border: 1px solid #cbc5bd;
    border-radius: 50%;

    color: #171717;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.secondscent-faq__topics strong,
.secondscent-faq__topics p {
    display: block;
}

.secondscent-faq__topics strong {
    margin-bottom: 5px;

    color: #171717;
    font-size: 13px;
}

.secondscent-faq__topics p {
    margin: 0;

    color: #737373;
    font-size: 11px;
    line-height: 1.6;
}

.secondscent-faq__note {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 13px;
    align-items: flex-start;

    padding: 17px 18px;

    border: 1px solid #d9d4cc;
    background: rgba(255, 255, 255, 0.45);
}

.secondscent-faq__note > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    border-radius: 50%;
    background: #ffffff;

    color: #4d765f;
    font-weight: 700;
}

.secondscent-faq__note p {
    margin: 0;

    color: #666666;
    font-size: 11px;
    line-height: 1.6;
}

.secondscent-faq__contact-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-top: 27px;

    color: #171717;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.secondscent-faq__contact-link:hover {
    color: #765b45;
}


/*
|--------------------------------------------------------------------------
| FAQ Card
|--------------------------------------------------------------------------
*/

.secondscent-faq__card {
    min-height: 100%;
}

.secondscent-faq__card .card-body {
    padding: 52px 54px;
}

.secondscent-faq__card-head {
    margin-bottom: 25px;
    padding-bottom: 24px;

    border-bottom: 1px solid #e5e1db;
}

.secondscent-faq__card-head h3 {
    margin: 0 0 8px;

    color: #171717;
    font-size: 28px;
    font-weight: 500;
}

.secondscent-faq__card-head p {
    margin: 0;

    color: #777777;
    font-size: 13px;
    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| Accordion
|--------------------------------------------------------------------------
*/

.secondscent-faq__accordion
.accordion-item {
    border: 0;
    border-bottom: 1px solid #e5e1db;
    background: transparent;
}

.secondscent-faq__accordion
.accordion-item:first-child {
    border-top: 1px solid #e5e1db;
}

.secondscent-faq__accordion
.accordion-button {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 15px;
    align-items: center;

    min-height: 82px;
    padding: 18px 45px 18px 0;

    border: 0;
    background: transparent;

    color: #171717;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;

    box-shadow: none;
}

.secondscent-faq__accordion
.accordion-button:not(.collapsed) {
    background: transparent;
    color: #171717;
    box-shadow: none;
}

.secondscent-faq__accordion
.accordion-button:focus {
    border: 0;
    box-shadow: none;
}

.secondscent-faq__accordion
.accordion-button::after {
    position: absolute;
    right: 2px;

    width: 30px;
    height: 30px;

    border: 1px solid #d2cdc6;
    border-radius: 50%;
    background-image: none;

    color: #171717;
    content: "+";

    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;

    transform: none;
}

.secondscent-faq__accordion
.accordion-button:not(.collapsed)::after {
    content: "−";
}

.secondscent-faq__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border: 1px solid #d5d0c9;
    border-radius: 50%;

    color: #b48732;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.secondscent-faq__answer {
    padding: 0 45px 25px 59px;

    color: #666666;
    font-size: 13px;
    line-height: 1.75;
}

.secondscent-faq__answer > *:last-child {
    margin-bottom: 0;
}

.secondscent-faq__answer a {
    color: #171717;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.secondscent-faq__answer ul,
.secondscent-faq__answer ol {
    padding-left: 20px;
}


/*
|--------------------------------------------------------------------------
| Empty State
|--------------------------------------------------------------------------
*/

.secondscent-faq__empty {
    padding: 55px 24px;
    text-align: center;
}

.secondscent-faq__empty > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;
    margin-bottom: 18px;

    border-radius: 50%;
    background: #f3f1ed;

    color: #4d765f;
    font-size: 21px;
    font-weight: 700;
}

.secondscent-faq__empty h4 {
    margin: 0 0 9px;

    color: #171717;
    font-size: 20px;
}

.secondscent-faq__empty p {
    margin: 0 0 22px;

    color: #777777;
    font-size: 13px;
}


/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {
    .secondscent-faq__heading {
        margin-bottom: 42px;
    }

    .secondscent-faq__intro {
        padding: 42px 36px;
    }

    .secondscent-faq__card .card-body {
        padding: 44px 36px;
    }
}

@media (max-width: 575.98px) {
    .secondscent-faq__heading {
        margin-bottom: 34px;
    }

    .secondscent-faq__heading h1 {
        font-size: 36px;
    }

    .secondscent-faq__intro {
        padding: 34px 24px;
    }

    .secondscent-faq__card {
        border: 1px solid #e5e1dc !important;
        box-shadow: none !important;
    }

    .secondscent-faq__card .card-body {
        padding: 32px 22px;
    }

    .secondscent-faq__card-head h3 {
        font-size: 24px;
    }

    .secondscent-faq__accordion
    .accordion-button {
        grid-template-columns: 36px minmax(0, 1fr);

        min-height: 74px;
        padding-right: 38px;

        font-size: 14px;
    }

    .secondscent-faq__number {
        width: 36px;
        height: 36px;
    }

    .secondscent-faq__answer {
        padding-right: 0;
        padding-left: 51px;
    }

    .secondscent-faq__accordion
    .accordion-button::after {
        width: 27px;
        height: 27px;

        font-size: 18px;
        line-height: 24px;
    }
}

/*
|--------------------------------------------------------------------------
| Related Blog Visibility Fix
|--------------------------------------------------------------------------
*/

.secondscent-blog-related__card,
.secondscent-blog-related__card .card-body,
.secondscent-blog-related__card .card-title,
.secondscent-blog-related__card .post-meta,
.secondscent-blog-related__image,
.secondscent-blog-related__image img {
    visibility: visible !important;
    opacity: 1 !important;
}

.secondscent-blog-related__card {
    transform: none !important;
    animation: none !important;
}

.secondscent-blog-related__image {
    display: block;
    overflow: hidden;
    aspect-ratio: 237 / 288;
    background: #f3f1ed;
}

.secondscent-blog-related__image img {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.secondscent-blog-related__card .card-title,
.secondscent-blog-related__card .card-title a {
    color: #171717 !important;
}

.secondscent-blog-related__card .post-meta,
.secondscent-blog-related__card .post-meta li {
    color: #6d6d6d !important;
}

/*
|--------------------------------------------------------------------------
| Blog Detail Typography
|--------------------------------------------------------------------------
*/

.secondscent-blog-detail__content {
    max-width: 100%;
    color: #555555;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.85;
}

.secondscent-blog-detail__content > *:first-child {
    margin-top: 0 !important;
}

.secondscent-blog-detail__content > *:last-child {
    margin-bottom: 0 !important;
}


/*
|--------------------------------------------------------------------------
| Paragraph
|--------------------------------------------------------------------------
*/

.secondscent-blog-detail__content p {
    margin: 0 0 25px;

    color: #555555;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.85;
}


/*
|--------------------------------------------------------------------------
| Headings
|--------------------------------------------------------------------------
*/

.secondscent-blog-detail__content h1,
.secondscent-blog-detail__content h2,
.secondscent-blog-detail__content h3,
.secondscent-blog-detail__content h4,
.secondscent-blog-detail__content h5,
.secondscent-blog-detail__content h6 {
    margin-top: 48px;
    margin-bottom: 18px;

    color: #171717 !important;
    font-weight: 500 !important;
    letter-spacing: -0.025em;
    line-height: 1.3 !important;
}

.secondscent-blog-detail__content h1 {
    font-size: 38px !important;
}

.secondscent-blog-detail__content h2 {
    font-size: 31px !important;
}

.secondscent-blog-detail__content h3 {
    font-size: 25px !important;
}

.secondscent-blog-detail__content h4 {
    font-size: 20px !important;
}

.secondscent-blog-detail__content h5 {
    font-size: 17px !important;
    font-weight: 600 !important;
}

.secondscent-blog-detail__content h6 {
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.secondscent-blog-detail__content p + h1,
.secondscent-blog-detail__content p + h2,
.secondscent-blog-detail__content p + h3,
.secondscent-blog-detail__content p + h4 {
    margin-top: 45px;
}


/*
|--------------------------------------------------------------------------
| Links
|--------------------------------------------------------------------------
*/

.secondscent-blog-detail__content a {
    color: #4d765f;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.secondscent-blog-detail__content a:hover {
    color: #171717;
}


/*
|--------------------------------------------------------------------------
| Lists
|--------------------------------------------------------------------------
*/

.secondscent-blog-detail__content ul,
.secondscent-blog-detail__content ol {
    margin: 0 0 27px;
    padding-left: 24px;

    color: #555555;
    font-size: 16px;
    line-height: 1.8;
}

.secondscent-blog-detail__content li {
    margin-bottom: 9px;
    padding-left: 5px;
}

.secondscent-blog-detail__content li:last-child {
    margin-bottom: 0;
}

.secondscent-blog-detail__content ul li::marker {
    color: #b48732;
}

.secondscent-blog-detail__content ol li::marker {
    color: #171717;
    font-weight: 600;
}


/*
|--------------------------------------------------------------------------
| Blockquote
|--------------------------------------------------------------------------
*/

.secondscent-blog-detail__content blockquote {
    position: relative;

    margin: 42px 0 !important;
    padding: 30px 34px 30px 38px !important;

    border: 0 !important;
    border-left: 3px solid #b48732 !important;
    background: #f3f1ed !important;

    color: #171717 !important;
    font-size: 21px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
}

.secondscent-blog-detail__content blockquote p {
    margin: 0;

    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.secondscent-blog-detail__content blockquote cite {
    display: block;
    margin-top: 15px;

    color: #777777;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}


/*
|--------------------------------------------------------------------------
| Images and Figures
|--------------------------------------------------------------------------
*/

.secondscent-blog-detail__content img {
    display: block;

    max-width: 100%;
    height: auto;
    margin: 34px auto;
}

.secondscent-blog-detail__content figure {
    margin: 38px 0;
}

.secondscent-blog-detail__content figure img {
    margin: 0 auto;
}

.secondscent-blog-detail__content figcaption {
    margin-top: 11px;

    color: #888888;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
}


/*
|--------------------------------------------------------------------------
| Tables
|--------------------------------------------------------------------------
*/

.secondscent-blog-detail__content .table-responsive {
    overflow-x: auto;
    margin: 32px 0;
}

.secondscent-blog-detail__content table {
    width: 100%;
    margin: 32px 0;

    border-collapse: collapse;

    color: #555555;
    font-size: 14px;
    line-height: 1.6;
}

.secondscent-blog-detail__content th,
.secondscent-blog-detail__content td {
    padding: 14px 16px;

    border: 1px solid #dedad4;
    vertical-align: top;
}

.secondscent-blog-detail__content th {
    background: #f3f1ed;

    color: #171717;
    font-weight: 600;
}


/*
|--------------------------------------------------------------------------
| Code
|--------------------------------------------------------------------------
*/

.secondscent-blog-detail__content code {
    padding: 2px 6px;

    border-radius: 3px;
    background: #f3f1ed;

    color: #765b45;
    font-size: 0.9em;
}

.secondscent-blog-detail__content pre {
    overflow-x: auto;

    margin: 32px 0;
    padding: 22px 24px;

    background: #171717;

    color: #f4f4f4;
    font-size: 13px;
    line-height: 1.7;
}

.secondscent-blog-detail__content pre code {
    padding: 0;

    background: transparent;
    color: inherit;
}


/*
|--------------------------------------------------------------------------
| Other Elements
|--------------------------------------------------------------------------
*/

.secondscent-blog-detail__content strong,
.secondscent-blog-detail__content b {
    color: #171717;
    font-weight: 600;
}

.secondscent-blog-detail__content em,
.secondscent-blog-detail__content i {
    font-style: italic;
}

.secondscent-blog-detail__content hr {
    margin: 44px 0;

    border: 0;
    border-top: 1px solid #dedad4;

    opacity: 1;
}

.secondscent-blog-detail__content mark {
    padding: 2px 4px;
    background: #eee8dc;
    color: #171717;
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {
    .secondscent-blog-detail__content {
        font-size: 15px;
        line-height: 1.78;
    }

    .secondscent-blog-detail__content p,
    .secondscent-blog-detail__content ul,
    .secondscent-blog-detail__content ol {
        font-size: 15px;
    }

    .secondscent-blog-detail__content h1 {
        font-size: 31px !important;
    }

    .secondscent-blog-detail__content h2 {
        font-size: 27px !important;
    }

    .secondscent-blog-detail__content h3 {
        font-size: 23px !important;
    }

    .secondscent-blog-detail__content h4 {
        font-size: 19px !important;
    }

    .secondscent-blog-detail__content h5 {
        font-size: 16px !important;
    }

    .secondscent-blog-detail__content h6 {
        font-size: 13px !important;
    }

    .secondscent-blog-detail__content h1,
    .secondscent-blog-detail__content h2,
    .secondscent-blog-detail__content h3,
    .secondscent-blog-detail__content h4,
    .secondscent-blog-detail__content h5,
    .secondscent-blog-detail__content h6 {
        margin-top: 38px;
        margin-bottom: 15px;
    }

    .secondscent-blog-detail__content blockquote {
        margin: 34px 0 !important;
        padding: 24px 22px 24px 26px !important;

        font-size: 18px !important;
    }

    .secondscent-blog-detail__content table {
        min-width: 620px;
    }
}

.secondscent-navbar-brand__image {
    display: block;
    width: auto;
    height: 76px;
    max-width: 250px;
    object-fit: contain;
}

@media (max-width: 1199.98px) {
    .secondscent-navbar-brand__image {
        height: 52px;
        max-width: 175px;
    }
}

.secondscent-footer-logo {
    display: inline-block;
    width: auto;
    height: 72px;
    max-width: 260px;
    object-fit: contain;
}

@media (max-width: 767.98px) {
    .secondscent-footer-logo {
        height: 58px;
        max-width: 210px;
    }
}

.secondscent-navbar-brand__image {
    display: block;
    width: auto;
    height: 72px;
    max-width: 250px;
    object-fit: contain;
}

.secondscent-footer-logo {
    display: block;
    width: auto;
    height: 64px;
    max-width: 240px;
    margin-right: auto;
    margin-left: auto;
    object-fit: contain;
}

@media (max-width: 1199.98px) {
    .secondscent-navbar-brand__image {
        height: 52px;
        max-width: 180px;
    }
}

@media (max-width: 767.98px) {
    .secondscent-footer-logo {
        height: 56px;
        max-width: 210px;
    }
}

:root {
    --bs-primary: #b48732;
    --bs-primary-rgb: 180, 135, 50;
}

.text-primary {
    color: #b48732 !important;
}

.bg-primary {
    background-color: #b48732 !important;
}

.border-primary {
    border-color: #b48732 !important;
}

.btn-hover-bg-primary:hover {
    background-color: #b48732 !important;
}

.btn-hover-border-primary:hover {
    border-color: #b48732 !important;
}

a:hover {
    color: #8f681f;
}

/*
|--------------------------------------------------------------------------
| Homepage Blog Slider Fix
|--------------------------------------------------------------------------
*/

.secondscent-blog-slider .slick-track {
    display: flex !important;
    align-items: stretch;
}

.secondscent-blog-slider .slick-slide {
    float: none;
    height: auto !important;
}

.secondscent-blog-slider .slick-slide > div {
    height: 100%;
}

.secondscent-home-blog-card {
    height: 100%;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

.secondscent-home-blog-card .card-body,
.secondscent-home-blog-card .post-meta,
.secondscent-home-blog-card .card-title,
.secondscent-home-blog-card .card-title a {
    visibility: visible !important;
    opacity: 1 !important;
}

.secondscent-home-blog-figure {
    overflow: hidden;
    aspect-ratio: 450 / 290;
    background: #f3f1ed;
}

.secondscent-home-blog-image {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.secondscent-home-blog-card .card-body {
    min-height: 145px;
    padding-bottom: 8px !important;
}

.secondscent-home-blog-card .post-meta,
.secondscent-home-blog-card .post-meta li {
    color: #777777 !important;
}

.secondscent-home-blog-card .card-title,
.secondscent-home-blog-card .card-title a {
    color: #171717 !important;
}

.secondscent-home-blog-card .card-title a:hover {
    color: #b48732 !important;
}

/*
|--------------------------------------------------------------------------
| Homepage Newsletter — SecondScent
|--------------------------------------------------------------------------
*/

.secondscent-home-newsletter {
    background: #f7f3ec;
}

.secondscent-home-newsletter__box {
    max-width: 980px;
    margin: 0 auto;
    padding: 52px 58px;

    border: 1px solid #ded5c8;
    background: #ffffff;

    text-align: center;
}

.secondscent-home-newsletter__content {
    max-width: 690px;
    margin: 0 auto 30px;
}

.secondscent-home-newsletter__eyebrow {
    margin: 0 0 14px;

    color: #b48732;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.secondscent-home-newsletter__content h3 {
    margin: 0 0 16px;

    color: #171717;
    font-size: clamp(28px, 3.2vw, 42px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1.18;
}

.secondscent-home-newsletter__content > p:last-child {
    margin: 0;

    color: #6d6861;
    font-size: 15px;
    line-height: 1.75;
}

.secondscent-home-newsletter__form {
    max-width: 680px;
    margin: 0 auto;
}

.secondscent-home-newsletter__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
}

.secondscent-home-newsletter__input {
    min-height: 56px;
    padding: 13px 18px;

    border: 1px solid #d8d0c5;
    border-radius: 0;

    color: #171717;
}

.secondscent-home-newsletter__input:focus {
    border-color: #b48732;
    box-shadow: none;
}

.secondscent-home-newsletter__submit {
    min-height: 56px;
    padding-right: 27px;
    padding-left: 27px;

    white-space: nowrap;
}

.secondscent-home-newsletter__consent {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;

    margin-top: 18px;

    color: #66615b;
    font-size: 12px;
    line-height: 1.55;
    text-align: left;
}

.secondscent-home-newsletter__consent
.form-check-input {
    flex: 0 0 auto;
    margin-top: 2px;

    border-radius: 2px;
}

.secondscent-home-newsletter__consent
.form-check-input:checked {
    border-color: #b48732;
    background-color: #b48732;
}

.secondscent-home-newsletter__note {
    margin-top: 13px;

    color: #969089;
    font-size: 11px;
    line-height: 1.55;
}

@media (max-width: 767.98px) {
    .secondscent-home-newsletter__box {
        padding: 38px 24px;
    }

    .secondscent-home-newsletter__row {
        grid-template-columns: 1fr;
    }

    .secondscent-home-newsletter__submit {
        width: 100%;
    }

    .secondscent-home-newsletter__consent {
        justify-content: flex-start;
    }
}

.secondscent-category-section {
    background: #ffffff;
    border-top: 1px solid #e6e0d7;
    border-bottom: 1px solid #e6e0d7;
}

.secondscent-blog-detail__share-icon {
    display: block;
    width: 16px;
    height: 16px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.secondscent-blog-detail__share-icon--fill {
    fill: currentColor;
    stroke: none;
}

/*
|--------------------------------------------------------------------------
| Homepage Transparent Header
|--------------------------------------------------------------------------
*/

.secondscent-header--home {
    background: transparent !important;
}

.secondscent-header--home .sticky-area-wrap {
    background: transparent !important;
}

.secondscent-header--home .sticky-area,
.secondscent-header--home .main-header {
    background: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;

    transition:
            background-color 0.25s ease,
            border-color 0.25s ease,
            box-shadow 0.25s ease;
}

/*
 * Setelah halaman mulai discroll.
 */
.secondscent-header--home.is-scrolled .sticky-area,
.secondscent-header--home.is-scrolled .main-header {
    background: rgba(255, 255, 255, 0.98) !important;
    border-bottom: 1px solid rgba(23, 23, 23, 0.07) !important;
    box-shadow: 0 8px 26px rgba(23, 23, 23, 0.07) !important;
}

@supports (
    backdrop-filter: blur(12px)
) {
    .secondscent-header--home.is-scrolled .sticky-area,
    .secondscent-header--home.is-scrolled .main-header {
        background: rgba(255, 255, 255, 0.94) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
}

/*
|--------------------------------------------------------------------------
| Homepage Category Images
|--------------------------------------------------------------------------
*/

.secondscent-category-section .image-box-4 {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 7;
    background: #f4f1ec;
}

.secondscent-category-image {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/*
|--------------------------------------------------------------------------
| Homepage - Category by Character
|--------------------------------------------------------------------------
*/

.secondscent-category-card {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    background: #f6f3ee;
}

.secondscent-category-card .secondscent-category-image {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .45s ease;
}

.secondscent-category-card:hover .secondscent-category-image {
    transform: scale(1.03);
}

.secondscent-category-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.06),
            rgba(0, 0, 0, 0.14)
    );
    transition: background .3s ease;
}

.secondscent-category-card:hover .secondscent-category-overlay {
    background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.10),
            rgba(0, 0, 0, 0.18)
    );
}

.secondscent-category-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 150px;
    padding: 15px 30px;

    border: 1px solid #171717;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.94);

    color: #171717;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;

    box-shadow: 0 8px 24px rgba(23, 23, 23, 0.08);

    transition:
            background-color 0.25s ease,
            color 0.25s ease,
            border-color 0.25s ease,
            transform 0.25s ease;
}

.secondscent-category-card:hover
.secondscent-category-button {
    border-color: #171717;
    background: #171717;
    color: #ffffff;
    transform: translateY(-2px);
}

@media (max-width: 767.98px) {
    .secondscent-category-button {
        min-width: 126px;
        padding: 13px 22px;
        font-size: 12px;
    }
}

.secondscent-category-overlay {
    background: rgba(23, 23, 23, 0.06);
}

.secondscent-category-card:hover
.secondscent-category-overlay {
    background: rgba(23, 23, 23, 0.12);
}

/*
|--------------------------------------------------------------------------
| Homepage Available Products
|--------------------------------------------------------------------------
*/

.secondscent-product-slider--two {
    max-width: 1080px;
    margin-right: auto;
    margin-left: auto;
}

.secondscent-product-slider .slick-track {
    display: flex !important;
    align-items: stretch;
}

.secondscent-product-slider .slick-slide {
    float: none;
    height: auto !important;
}

.secondscent-product-slider .slick-slide > div,
.secondscent-home-product-slide,
.secondscent-home-product-card {
    height: 100%;
}

.secondscent-home-product-card {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

.secondscent-product-slider--two
.secondscent-home-product-card {
    padding-right: 18px !important;
    padding-left: 18px !important;
}

.secondscent-product-slider--two
.secondscent-product-image {
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

.secondscent-product-slider--four
.secondscent-product-image {
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

/*
 * Tampilan sebelum Slick selesai diinisialisasi.
 */
.secondscent-product-slider--two:not(
    .slick-initialized
) > div {
    flex: 0 0 50% !important;
}

.secondscent-product-slider--four:not(
    .slick-initialized
) > div {
    flex: 0 0 25% !important;
}

@media (max-width: 991.98px) {
    .secondscent-product-slider--two:not(
        .slick-initialized
    ) > div,
    .secondscent-product-slider--four:not(
        .slick-initialized
    ) > div {
        flex-basis: 50% !important;
    }
}

@media (max-width: 575.98px) {
    .secondscent-product-slider--two:not(
        .slick-initialized
    ) > div,
    .secondscent-product-slider--four:not(
        .slick-initialized
    ) > div {
        flex-basis: 100% !important;
    }

    .secondscent-product-slider--two
    .secondscent-home-product-card {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
}

/*
|--------------------------------------------------------------------------
| Newsletter Preferences — SecondScent
|--------------------------------------------------------------------------
*/

.secondscent-preferences {
    background: #ffffff;
}

.secondscent-preferences__breadcrumb {
    margin-bottom: 0;
}

.secondscent-preferences__section {
    padding: 72px 0 92px;
}

.secondscent-preferences__heading {
    max-width: 720px;
    margin: 0 auto 44px;
    text-align: center;
}

.secondscent-preferences__eyebrow,
.secondscent-preferences__content-label,
.secondscent-confirm__eyebrow {
    margin: 0 0 12px;
    color: #b48732;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.secondscent-preferences__heading h1 {
    margin: 0 0 16px;
    color: #171717;
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 500;
    letter-spacing: -0.045em;
    line-height: 1.1;
}

.secondscent-preferences__heading > p:last-child {
    max-width: 610px;
    margin: 0 auto;
    color: #706a63;
    font-size: 16px;
    line-height: 1.75;
}

.secondscent-preferences__notice {
    display: flex;
    align-items: flex-start;
    gap: 13px;

    max-width: 1100px;
    margin: 0 auto 18px;
    padding: 16px 18px;

    border: 1px solid;
    font-size: 14px;
    line-height: 1.65;
}

.secondscent-preferences__notice svg {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.secondscent-preferences__notice--success {
    border-color: #d8dfd3;
    background: #f4f7f1;
    color: #43603c;
}

.secondscent-preferences__notice--error {
    border-color: #ead0d0;
    background: #fbf3f3;
    color: #9e3f3f;
}

.secondscent-preferences__layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.55fr);

    max-width: 1100px;
    margin: 0 auto;

    border: 1px solid #e2d9cd;
    background: #ffffff;

    box-shadow: 0 16px 48px rgba(61, 45, 28, 0.07);
}

.secondscent-preferences__aside {
    display: flex;
    flex-direction: column;
    padding: 48px 42px;

    border-right: 1px solid #e2d9cd;
    background: #f7f3ec;
}

.secondscent-preferences__aside-label {
    margin: 0 0 15px;
    color: #b48732;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.secondscent-preferences__aside h2 {
    margin: 0 0 16px;
    color: #171717;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1.2;
}

.secondscent-preferences__aside-copy {
    margin: 0;
    color: #756e66;
    font-size: 14px;
    line-height: 1.75;
}

.secondscent-preferences__identity {
    margin-top: 42px;
    padding: 22px 0;

    border-top: 1px solid #ded4c7;
    border-bottom: 1px solid #ded4c7;
}

.secondscent-preferences__identity-label,
.secondscent-preferences__status-title {
    display: block;
    margin-bottom: 7px;

    color: #8b837a;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.secondscent-preferences__identity strong {
    display: block;
    margin-bottom: 3px;

    color: #171717;
    font-size: 16px;
}

.secondscent-preferences__identity-email {
    display: block;
    color: #756e66;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.secondscent-preferences__status-wrap {
    margin-top: 24px;
}

.secondscent-preferences__status {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: #4e4943;
    font-size: 13px;
    font-weight: 700;
}

.secondscent-preferences__status-dot {
    display: block;
    width: 8px;
    height: 8px;
    background: #aaa39b;
}

.secondscent-preferences__status.is-active
.secondscent-preferences__status-dot {
    background: #6f8b61;
}

.secondscent-preferences__status.is-pending
.secondscent-preferences__status-dot {
    background: #b48732;
}

.secondscent-preferences__status.is-inactive
.secondscent-preferences__status-dot {
    background: #8c8781;
}

.secondscent-preferences__status.is-danger
.secondscent-preferences__status-dot {
    background: #b44c4c;
}

.secondscent-preferences__aside-note {
    margin-top: auto;
    padding-top: 36px;

    color: #81796f;
    font-size: 12px;
    line-height: 1.75;
}

.secondscent-preferences__content {
    padding: 48px 52px;
}

.secondscent-preferences__state {
    margin-bottom: 30px;
    padding: 20px 22px;

    border: 1px solid #dfd6ca;
    background: #fbf8f3;
}

.secondscent-preferences__state h3 {
    margin: 0 0 6px;
    color: #171717;
    font-size: 17px;
}

.secondscent-preferences__state p {
    margin: 0;
    color: #746e66;
    font-size: 13px;
    line-height: 1.65;
}

.secondscent-preferences__content-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;

    margin-bottom: 30px;
}

.secondscent-preferences__content-head h2 {
    margin: 0;
    color: #171717;
    font-size: 29px;
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1.2;
}

.secondscent-preferences__content-head > p {
    max-width: 225px;
    margin: 0;

    color: #8a837a;
    font-size: 12px;
    line-height: 1.65;
}

.secondscent-preferences__options {
    display: grid;
    gap: 12px;
}

.secondscent-preference-option {
    position: relative;

    display: flex;
    align-items: flex-start;
    gap: 16px;

    padding: 19px 20px;

    border: 1px solid #ded6cc;
    background: #ffffff;

    cursor: pointer;

    transition:
            border-color 0.2s ease,
            background-color 0.2s ease;
}

.secondscent-preference-option:hover {
    border-color: #b9aa96;
}

.secondscent-preference-option.is-selected {
    border-color: #b48732;
    background: #fbf8f2;
}

.secondscent-preference-option input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.secondscent-preference-option__check {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    border: 1px solid #aaa198;
    background: #ffffff;
    color: transparent;
}

.secondscent-preference-option__check svg {
    width: 15px;
    height: 15px;

    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.secondscent-preference-option.is-selected
.secondscent-preference-option__check {
    border-color: #b48732;
    background: #b48732;
    color: #ffffff;
}

.secondscent-preference-option input:focus-visible
+ .secondscent-preference-option__check {
    outline: 2px solid #171717;
    outline-offset: 3px;
}

.secondscent-preference-option__copy {
    display: block;
    min-width: 0;
}

.secondscent-preference-option__copy strong {
    display: block;
    margin-bottom: 4px;

    color: #171717;
    font-size: 15px;
}

.secondscent-preference-option__copy > span {
    display: block;
    color: #7c756d;
    font-size: 13px;
    line-height: 1.65;
}

.secondscent-preference-option:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.55;
}

.secondscent-preferences__form-note {
    margin-top: 18px;
    color: #918a82;
    font-size: 11px;
    line-height: 1.65;
}

.secondscent-preferences__save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

    min-width: 220px;
    margin-top: 26px;
    padding: 15px 25px;

    border-radius: 0;
}

.secondscent-preferences__save svg {
    width: 17px;
    height: 17px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.secondscent-preferences__unsubscribe {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    margin-top: 42px;
    padding-top: 30px;

    border-top: 1px solid #e2d9cd;
}

.secondscent-preferences__unsubscribe h3 {
    margin: 0 0 6px;
    color: #171717;
    font-size: 16px;
}

.secondscent-preferences__unsubscribe p {
    max-width: 420px;
    margin: 0;

    color: #7d766e;
    font-size: 12px;
    line-height: 1.65;
}

.secondscent-preferences__unsubscribe-button {
    flex: 0 0 auto;
    padding: 12px 18px;

    border: 1px solid #c9bfb3;
    border-radius: 0;
    background: transparent;
    color: #554f49;

    font-size: 12px;
    font-weight: 700;

    transition:
            border-color 0.2s ease,
            background-color 0.2s ease,
            color 0.2s ease;
}

.secondscent-preferences__unsubscribe-button:hover {
    border-color: #171717;
    background: #171717;
    color: #ffffff;
}

.secondscent-preferences__stopped {
    margin-top: 36px;
    padding: 20px;

    border: 1px solid #ded6cc;
    background: #f8f6f2;
}

.secondscent-preferences__stopped strong {
    display: block;
    margin-bottom: 5px;
    color: #171717;
}

.secondscent-preferences__stopped p {
    margin: 0;
    color: #817a72;
    font-size: 13px;
}

.secondscent-preferences__empty {
    padding: 50px 24px;

    border: 1px solid #ded6cc;
    text-align: center;
}

.secondscent-preferences__empty svg {
    width: 38px;
    height: 38px;
    margin-bottom: 18px;

    fill: none;
    stroke: #b48732;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.secondscent-preferences__empty h3 {
    margin: 0 0 7px;
    color: #171717;
}

.secondscent-preferences__empty p {
    margin: 0;
    color: #817a72;
}

.secondscent-preferences__footer {
    display: flex;
    justify-content: space-between;
    gap: 24px;

    max-width: 1100px;
    margin: 22px auto 0;

    color: #8f887f;
    font-size: 11px;
}

.secondscent-preferences__footer a {
    color: #171717;
    font-weight: 700;
    text-decoration: none;
}

.secondscent-preferences__footer a:hover {
    color: #b48732;
}

/*
|--------------------------------------------------------------------------
| Confirmation Modal
|--------------------------------------------------------------------------
*/

.secondscent-modal-open {
    overflow: hidden;
}

.secondscent-confirm {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: none;
    align-items: center;
    justify-content: center;

    padding: 20px;
}

.secondscent-confirm.is-open {
    display: flex;
}

.secondscent-confirm__backdrop {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;
    padding: 0;

    border: 0;
    background: rgba(23, 23, 23, 0.52);
}

.secondscent-confirm__dialog {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 500px;
    padding: 42px;

    border: 1px solid #ded4c7;
    background: #ffffff;

    box-shadow: 0 24px 70px rgba(23, 23, 23, 0.2);
}

.secondscent-confirm__close {
    position: absolute;
    top: 16px;
    right: 16px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;
    padding: 0;

    border: 0;
    background: transparent;
    color: #171717;
}

.secondscent-confirm__close svg {
    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
}

.secondscent-confirm__dialog h3 {
    margin: 0 0 14px;
    color: #171717;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.035em;
}

.secondscent-confirm__dialog > p:last-of-type {
    margin: 0;
    color: #756e66;
    font-size: 14px;
    line-height: 1.75;
}

.secondscent-confirm__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;

    margin-top: 30px;
}

.secondscent-confirm__cancel,
.secondscent-confirm__submit {
    min-height: 48px;
    padding: 12px 18px;

    border-radius: 0;
    font-size: 13px;
    font-weight: 700;
}

.secondscent-confirm__cancel {
    border: 1px solid #cec5ba;
    background: #ffffff;
    color: #171717;
}

.secondscent-confirm__submit {
    border: 1px solid #171717;
    background: #171717;
    color: #ffffff;
}

.secondscent-confirm__cancel:hover {
    border-color: #171717;
}

.secondscent-confirm__submit:hover {
    border-color: #b48732;
    background: #b48732;
}

@media (max-width: 991.98px) {
    .secondscent-preferences__layout {
        grid-template-columns: 1fr;
    }

    .secondscent-preferences__aside {
        border-right: 0;
        border-bottom: 1px solid #e2d9cd;
    }

    .secondscent-preferences__aside-note {
        margin-top: 28px;
        padding-top: 0;
    }
}

@media (max-width: 767.98px) {
    .secondscent-preferences__section {
        padding: 52px 0 68px;
    }

    .secondscent-preferences__heading {
        margin-bottom: 32px;
    }

    .secondscent-preferences__aside,
    .secondscent-preferences__content {
        padding: 32px 24px;
    }

    .secondscent-preferences__content-head,
    .secondscent-preferences__unsubscribe,
    .secondscent-preferences__footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .secondscent-preferences__content-head > p {
        max-width: none;
    }

    .secondscent-preferences__save,
    .secondscent-preferences__unsubscribe-button {
        width: 100%;
    }

    .secondscent-confirm__dialog {
        padding: 36px 24px 26px;
    }

    .secondscent-confirm__actions {
        grid-template-columns: 1fr;
    }
}
/*
|--------------------------------------------------------------------------
| Checkout Payment Methods — SecondScent
|--------------------------------------------------------------------------
*/

.secondscent-checkout-payment-methods {
    display: grid;
    gap: 14px;
}

.secondscent-payment-method-option {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer;
}

.secondscent-payment-method-option > input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.secondscent-payment-method-option__box {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 21px 22px;
    border: 1px solid #ded6cc;
    border-radius: 0;
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.secondscent-payment-method-option:hover .secondscent-payment-method-option__box {
    border-color: #aaa096;
}

.secondscent-payment-method-option > input:checked + .secondscent-payment-method-option__box {
    border-color: #171717;
    background: #fbf8f2;
    box-shadow: inset 0 0 0 1px #171717;
}

.secondscent-payment-method-option > input:focus-visible + .secondscent-payment-method-option__box {
    outline: 2px solid #b48732;
    outline-offset: 3px;
}

.secondscent-payment-method-option__mark {
    position: relative;
    display: inline-flex;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
    border: 1px solid #aaa198;
    border-radius: 0;
    background: #fff;
}

.secondscent-payment-method-option > input:checked + .secondscent-payment-method-option__box
.secondscent-payment-method-option__mark {
    border-color: #171717;
    background: #171717;
}

.secondscent-payment-method-option > input:checked + .secondscent-payment-method-option__box
.secondscent-payment-method-option__mark::after {
    content: "";
    width: 9px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-1px) rotate(-45deg);
}

.secondscent-payment-method-option__copy {
    display: block;
    min-width: 0;
}

.secondscent-payment-method-option__copy strong,
.secondscent-payment-method-option__copy span,
.secondscent-payment-method-option__copy small {
    display: block;
}

.secondscent-payment-method-option__copy strong {
    margin-bottom: 5px;
    color: #171717;
    font-size: 16px;
    font-weight: 600;
}

.secondscent-payment-method-option__copy span {
    color: #726b64;
    font-size: 13px;
    line-height: 1.65;
}

.secondscent-payment-method-option__copy small {
    margin-top: 7px;
    color: #9a9187;
    font-size: 11px;
    line-height: 1.5;
}

.secondscent-checkout-payment-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 16px;
    padding: 14px 16px;
    border-left: 2px solid #b48732;
    background: #f7f3ec;
    color: #6f675f;
    font-size: 12px;
    line-height: 1.65;
}

.secondscent-checkout-payment-note i {
    flex: 0 0 auto;
    margin-top: 3px;
    color: #b48732;
}

/*
|--------------------------------------------------------------------------
| Payment Instruction & Manual Confirmation — SecondScent
|--------------------------------------------------------------------------
*/

.secondscent-payment-page {
    min-height: 70vh;
    background: #fff;
}

.secondscent-payment-heading {
    max-width: 760px;
    margin-bottom: 48px;
}

.secondscent-payment-heading h1 {
    margin: 0 0 16px;
    color: #171717;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 500;
    letter-spacing: -.045em;
    line-height: 1.08;
}

.secondscent-payment-heading > p:last-child {
    max-width: 650px;
    margin: 0 auto;
    color: #746d65;
    font-size: 16px;
    line-height: 1.75;
}

.secondscent-payment-eyebrow {
    margin: 0 0 11px;
    color: #b48732;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    line-height: 1.4;
    text-transform: uppercase;
}

.secondscent-payment-alert {
    max-width: 1100px;
    margin-right: auto;
    margin-bottom: 22px;
    margin-left: auto;
}

.secondscent-payment-panel,
.secondscent-payment-summary {
    border: 1px solid #ded6cc;
    border-radius: 0;
    background: #fff;
}

.secondscent-payment-panel {
    padding: 38px 40px;
}

.secondscent-payment-panel + .secondscent-payment-panel {
    margin-top: 20px;
}

.secondscent-payment-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 26px;
}

.secondscent-payment-panel h2,
.secondscent-payment-summary h2 {
    margin: 0 0 12px;
    color: #171717;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -.035em;
    line-height: 1.2;
}

.secondscent-payment-panel p {
    color: #756e66;
    line-height: 1.75;
}

.secondscent-payment-countdown {
    flex: 0 0 auto;
    min-width: 150px;
    padding: 13px 15px;
    border: 1px solid #d8c9b5;
    background: #fbf7f0;
    text-align: right;
}

.secondscent-payment-countdown span,
.secondscent-payment-countdown strong {
    display: block;
}

.secondscent-payment-countdown span {
    margin-bottom: 3px;
    color: #8b8177;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.secondscent-payment-countdown strong {
    color: #171717;
    font-size: 20px;
    font-variant-numeric: tabular-nums;
}

.secondscent-payment-countdown.is-expired {
    border-color: #d8b7b4;
    background: #fbefee;
}

.secondscent-payment-accounts {
    display: grid;
    gap: 12px;
    margin: 24px 0;
}

.secondscent-payment-account {
    display: grid;
    grid-template-columns: minmax(110px, .75fr) minmax(150px, 1.2fr) minmax(150px, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 18px 20px;
    border: 1px solid #e2dbd2;
    background: #fbfaf8;
}

.secondscent-payment-account__bank,
.secondscent-payment-account strong,
.secondscent-payment-account small {
    display: block;
}

.secondscent-payment-account__bank {
    color: #171717;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
}

.secondscent-payment-account strong {
    color: #171717;
    font-size: 17px;
    overflow-wrap: anywhere;
}

.secondscent-payment-account small {
    color: #837b73;
    font-size: 12px;
    line-height: 1.5;
}

.secondscent-copy-button {
    min-width: 72px;
    padding: 9px 12px;
    border: 1px solid #bdb4aa;
    border-radius: 0;
    background: #fff;
    color: #171717;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.secondscent-copy-button:hover {
    border-color: #171717;
    background: #171717;
    color: #fff;
}

.secondscent-payment-total-transfer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 24px 0;
    padding: 20px 22px;
    border: 1px solid #171717;
}

.secondscent-payment-total-transfer span,
.secondscent-payment-total-transfer strong {
    display: block;
}

.secondscent-payment-total-transfer span {
    color: #746d65;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.secondscent-payment-total-transfer strong {
    color: #171717;
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 600;
}

.secondscent-payment-total-transfer__details {
    flex: 1 1 auto;
    display: grid;
    gap: 10px;
}

.secondscent-payment-total-transfer__details > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
}

.secondscent-payment-total-transfer__details b {
    color: #171717;
    font-size: 14px;
    font-weight: 600;
}

.secondscent-payment-total-transfer__final {
    margin-top: 2px;
    padding-top: 12px;
    border-top: 1px solid #ded5c8;
}

.secondscent-manual-amount-toggle {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-top: 10px;

    color: #746d65;
    font-size: 12px;

    cursor: pointer;
}

.secondscent-manual-amount-toggle input {
    width: 16px;
    height: 16px;

    border-radius: 0;
    accent-color: #171717;
}

.secondscent-payment-warning,
.secondscent-payment-review-note {
    margin: 22px 0 0;
    padding: 15px 17px;
    border-left: 2px solid #b48732;
    background: #f7f3ec;
    color: #6b635b;
    font-size: 12px;
    line-height: 1.7;
}

.secondscent-payment-review-panel {
    border-color: #d9c5a2;
    background: #fbf8f2;
}

.secondscent-payment-success-panel {
    border-color: #cddbcf;
    background: #f5f8f4;
}

.secondscent-payment-failed-panel {
    border-color: #e2c4c1;
    background: #fbf3f2;
}

.secondscent-payment-state-icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border: 1px solid #171717;
    border-radius: 0;
    background: #171717;
    color: #fff;
    font-size: 17px;
}

.secondscent-payment-claim-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 28px 0 0;
    border-top: 1px solid #ded6cc;
    border-left: 1px solid #ded6cc;
}

.secondscent-payment-claim-summary > div {
    padding: 16px 18px;
    border-right: 1px solid #ded6cc;
    border-bottom: 1px solid #ded6cc;
}

.secondscent-payment-claim-summary dt {
    margin-bottom: 5px;
    color: #8b837a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.secondscent-payment-claim-summary dd {
    margin: 0;
    color: #171717;
    font-size: 14px;
    font-weight: 600;
}

.secondscent-payment-gateway-status {
    margin-top: 14px;
    color: #a0473e;
    font-size: 13px;
}

.secondscent-payment-summary {
    position: sticky;
    top: 118px;
    padding: 32px;
}

.secondscent-payment-summary__status,
.secondscent-payment-summary__line,
.secondscent-payment-summary__total,
.secondscent-payment-summary__items > div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.secondscent-payment-summary__status {
    padding: 11px 0;
    border-bottom: 1px solid #eee9e3;
    font-size: 12px;
}

.secondscent-payment-summary__status span,
.secondscent-payment-summary__line span {
    color: #847c74;
}

.secondscent-payment-summary__status strong,
.secondscent-payment-summary__line strong {
    color: #171717;
    text-align: right;
}

.secondscent-payment-summary__items {
    margin: 24px 0;
    padding: 18px 0;
    border-top: 1px solid #ded6cc;
    border-bottom: 1px solid #ded6cc;
}

.secondscent-payment-summary__items > div + div {
    margin-top: 14px;
}

.secondscent-payment-summary__items span {
    min-width: 0;
    color: #171717;
    font-size: 13px;
    line-height: 1.45;
}

.secondscent-payment-summary__items small {
    display: block;
    margin-top: 3px;
    color: #8a837b;
    font-size: 11px;
}

.secondscent-payment-summary__items strong {
    flex: 0 0 auto;
    color: #171717;
    font-size: 13px;
}

.secondscent-payment-summary__line {
    padding: 8px 0;
    font-size: 13px;
}

.secondscent-payment-summary__total {
    margin-top: 14px;
    padding-top: 18px;
    border-top: 1px solid #171717;
}

.secondscent-payment-summary__total span {
    color: #171717;
    font-weight: 600;
}

.secondscent-payment-summary__total strong {
    color: #171717;
    font-size: 21px;
}

.secondscent-payment-help {
    display: block;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #ded6cc;
    color: #171717;
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.secondscent-payment-help:hover {
    color: #b48732;
}

.secondscent-account .order-status--info {
    border-color: #d9c5a2;
    background: #f7f1e6;
    color: #8a6422;
}

@media (max-width: 991.98px) {
    .secondscent-payment-summary {
        position: static;
        margin-top: 24px;
    }
}

@media (max-width: 767.98px) {
    .secondscent-payment-heading {
        margin-bottom: 34px;
    }

    .secondscent-payment-panel,
    .secondscent-payment-summary {
        padding: 26px 22px;
    }

    .secondscent-payment-panel__head,
    .secondscent-payment-total-transfer {
        align-items: flex-start;
        flex-direction: column;
    }

    .secondscent-payment-countdown {
        width: 100%;
        text-align: left;
    }

    .secondscent-payment-account {
        grid-template-columns: 1fr auto;
    }

    .secondscent-payment-account__bank {
        grid-column: 1 / -1;
    }

    .secondscent-payment-account small {
        grid-column: 1;
    }

    .secondscent-payment-claim-summary {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .secondscent-payment-account {
        grid-template-columns: 1fr;
    }

    .secondscent-copy-button {
        width: 100%;
    }
}

.secondscent-payment-account p {
    margin: 0;
    color: #6f675f;
    font-size: 12px;
    line-height: 1.5;
}

.secondscent-payment-account small {
    grid-column: 1 / -1;
}

@media (max-width: 767.98px) {
    .secondscent-payment-account p {
        grid-column: 1;
    }

    .secondscent-payment-account small {
        grid-column: 1 / -1;
    }
}

/*
|--------------------------------------------------------------------------
| My Account — Newsletter
|--------------------------------------------------------------------------
*/

.secondscent-account
.account-newsletter-settings-card {
    padding: 40px 42px;
}

.secondscent-account
.account-newsletter-settings-card
.account-section-header {
    margin-bottom: 30px;
    padding-bottom: 24px;
}

.secondscent-account
.account-newsletter-settings-card
.account-newsletter-page-account {
    margin-bottom: 28px;
    padding: 24px;
}

.secondscent-account
.account-newsletter-settings-card
.account-newsletter-page-notice {
    margin: 0 0 28px;
    padding: 20px 22px;
}

.secondscent-account
.account-newsletter-settings-card
.account-newsletter-page-notice p {
    margin: 6px 0 0;
    line-height: 1.7;
}

.secondscent-account
.account-newsletter-settings-card
.account-newsletter-reactivate-card {
    margin: 0;
    padding: 28px;

    border: 1px solid #e4ded5;
    background: #faf8f5;
}

.secondscent-account
.account-newsletter-settings-card
.account-newsletter-reactivate-copy {
    margin-bottom: 22px;
}

.secondscent-account
.account-newsletter-settings-card
.account-newsletter-reactivate-copy strong {
    display: block;
    margin-bottom: 7px;

    color: #171717;
    font-size: 16px;
}

.secondscent-account
.account-newsletter-settings-card
.account-newsletter-reactivate-copy p {
    margin: 0;
    max-width: 680px;

    color: #68625c;
    line-height: 1.7;
}

.secondscent-account
.account-newsletter-settings-card
.account-newsletter-activation-form {
    display: grid;
    gap: 18px;
    justify-items: start;
}

.secondscent-account
.account-newsletter-settings-card
.account-newsletter-consent {
    margin: 0;
}

.secondscent-account
.account-newsletter-preferences {
    margin-top: 34px;
    padding-top: 32px;

    border-top: 1px solid #e8e2da;
}

.secondscent-account
.account-newsletter-preferences
.account-newsletter-page-section-head {
    margin: 0 0 24px;
}

.secondscent-account
.account-newsletter-preferences
.newsletter-preferences-list {
    gap: 16px;
}

.secondscent-account
.account-newsletter-preferences
.newsletter-preference-option {
    padding: 20px;
}

.secondscent-account
.account-newsletter-preferences
.newsletter-preferences-general-note {
    margin-top: 20px;
    padding: 18px 20px;
}

.secondscent-account
.account-newsletter-preferences
.account-newsletter-save-btn {
    margin-top: 20px;
}

@media (max-width: 767.98px) {
    .secondscent-account
    .account-newsletter-settings-card {
        padding: 28px 22px;
    }

    .secondscent-account
    .account-newsletter-settings-card
    .account-newsletter-page-account,
    .secondscent-account
    .account-newsletter-settings-card
    .account-newsletter-page-notice,
    .secondscent-account
    .account-newsletter-settings-card
    .account-newsletter-reactivate-card {
        padding: 20px;
    }

    .secondscent-account
    .account-newsletter-preferences {
        margin-top: 28px;
        padding-top: 26px;
    }
}

/*
|--------------------------------------------------------------------------
| Blog Detail — Related Articles Slider
|--------------------------------------------------------------------------
*/

.secondscent-blog-related__slider {
    margin-right: -12px;
    margin-left: -12px;
}

.secondscent-blog-related__slide {
    height: auto;
}

.secondscent-blog-related__slide
.secondscent-blog-related__card {
    height: 100%;
}

.secondscent-blog-related__slider
.slick-track {
    display: flex;
}

.secondscent-blog-related__slider
.slick-slide {
    height: auto;
}

.secondscent-blog-related__slider
.slick-slide > div {
    height: 100%;
}

.secondscent-blog-related__slider
.slick-dots {
    position: static;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin: 28px 0 0;
    padding: 0;

    list-style: none;
}

.secondscent-blog-related__slider
.slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
}

.secondscent-blog-related__slider
.slick-dots button {
    display: block;

    width: 7px;
    height: 7px;
    padding: 0;

    border: 0;
    border-radius: 50%;
    background: #d0c8bd;

    font-size: 0;
    line-height: 0;
}

.secondscent-blog-related__slider
.slick-dots .slick-active button {
    width: 22px;
    border-radius: 0;
    background: #b48732;
}

@media (max-width: 767.98px) {
    .secondscent-blog-related {
        overflow: hidden;
    }

    .secondscent-blog-related__slider {
        margin-top: 34px !important;
    }

    .secondscent-blog-related__slide {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .secondscent-blog-related__image {
        aspect-ratio: 4 / 3;
    }

    .secondscent-blog-related__card
    .card-img-top {
        margin-bottom: 24px !important;
    }

    .secondscent-blog-related__card
    .card-title {
        margin-top: 14px !important;
        padding-top: 0 !important;

        font-size: 19px !important;
        line-height: 1.45 !important;
    }
}

/*
|--------------------------------------------------------------------------
| Cart — Mobile Sticky Checkout
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {
    .secondscent-cart-page--has-mobile-sticky {
        padding-bottom:
                calc(
                        145px +
                        env(safe-area-inset-bottom)
                ) !important;
    }

    .cart-mobile-sticky-bar {
        position: fixed;
        z-index: 1080;

        right: 0;
        bottom: 0;
        left: 0;

        width: 100%;

        padding:
                13px
                16px
                calc(
                        13px +
                        env(safe-area-inset-bottom)
                );

        border-top: 1px solid #e5dfd7;
        background: rgba(255, 255, 255, 0.98);

        box-shadow:
                0 -10px 30px
                rgba(26, 22, 18, 0.09);

        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .cart-mobile-sticky-inner {
        display: grid;
        grid-template-columns:
            minmax(0, 1fr)
            minmax(155px, 46%);
        align-items: center;
        gap: 16px;

        width: 100%;
        max-width: 720px;
        margin: 0 auto;
    }

    .cart-mobile-summary {
        min-width: 0;
    }

    .cart-mobile-summary small {
        display: block;

        margin-bottom: 2px;

        color: #817a72;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.3;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .cart-mobile-summary strong {
        display: block;

        overflow: hidden;

        color: #171717;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cart-mobile-summary em {
        display: block;

        margin-top: 2px;

        overflow: hidden;

        color: #847d75;
        font-size: 11px;
        font-style: normal;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cart-mobile-checkout-btn {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;
        min-height: 52px;
        padding: 12px 16px;

        border: 1px solid #171717;
        border-radius: 0;
        background: #171717;
        color: #ffffff;

        font-size: 13px;
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
        text-decoration: none;

        transition:
                opacity 0.2s ease,
                background-color 0.2s ease;
    }

    .cart-mobile-checkout-btn:hover,
    .cart-mobile-checkout-btn:focus {
        border-color: #171717;
        background: #171717;
        color: #ffffff;
    }

    .cart-mobile-checkout-btn.is-disabled,
    .cart-mobile-checkout-btn:disabled {
        border-color: #bbb4ac;
        background: #bbb4ac;
        color: #ffffff;

        cursor: not-allowed;
        opacity: 0.7;
        pointer-events: none;
    }
}

@media (max-width: 389.98px) {
    .cart-mobile-sticky-inner {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(138px, 48%);

        gap: 11px;
    }

    .cart-mobile-summary strong {
        font-size: 16px;
    }

    .cart-mobile-checkout-btn {
        min-height: 48px;
        padding-right: 10px;
        padding-left: 10px;

        font-size: 12px;
    }
}

/*
|--------------------------------------------------------------------------
| Global Toast Notification
|--------------------------------------------------------------------------
*/

.secondscent-toast-region {
    position: fixed;
    z-index: 1200;
    right: 24px;
    bottom: 24px;

    display: grid;
    gap: 12px;

    width: min(
            380px,
            calc(100vw - 32px)
    );

    pointer-events: none;
}

.secondscent-toast {
    display: grid;
    grid-template-columns:
        38px
        minmax(0, 1fr)
        26px;
    align-items: start;
    gap: 14px;

    padding: 18px;

    border: 1px solid #ded7cd;
    background: #ffffff;
    color: #171717;

    box-shadow:
            0 16px 45px
            rgba(32, 27, 21, 0.16);

    pointer-events: auto;

    animation:
            secondscent-toast-enter
            0.24s ease both;
}

.secondscent-toast.is-leaving {
    animation:
            secondscent-toast-leave
            0.2s ease both;
}

.secondscent-toast--success {
    border-left:
            4px solid #557763;
}

.secondscent-toast--error {
    border-left:
            4px solid #b24f46;
}

.secondscent-toast__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    border-radius: 50%;
    background: #f3f0eb;

    font-size: 17px;
    font-weight: 700;
}

.secondscent-toast--success
.secondscent-toast__icon {
    background: #edf4ef;
    color: #557763;
}

.secondscent-toast--error
.secondscent-toast__icon {
    background: #faeeee;
    color: #a9443d;
}

.secondscent-toast__content {
    min-width: 0;
    padding-top: 1px;
}

.secondscent-toast__content strong {
    display: block;

    margin-bottom: 4px;

    font-size: 14px;
    font-weight: 700;
}

.secondscent-toast__content p {
    margin: 0;

    color: #6d665e;
    font-size: 13px;
    line-height: 1.55;
}

.secondscent-toast__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 26px;
    height: 26px;
    padding: 0;

    border: 0;
    background: transparent;
    color: #77716a;

    font-size: 22px;
    line-height: 1;
}

.secondscent-toast__close:hover {
    color: #171717;
}

@keyframes secondscent-toast-enter {
    from {
        opacity: 0;
        transform:
                translateY(14px);
    }

    to {
        opacity: 1;
        transform:
                translateY(0);
    }
}

@keyframes secondscent-toast-leave {
    from {
        opacity: 1;
        transform:
                translateY(0);
    }

    to {
        opacity: 0;
        transform:
                translateY(10px);
    }
}

@media (max-width: 575.98px) {
    .secondscent-toast-region {
        right: 16px;
        bottom:
                calc(
                        16px +
                        env(safe-area-inset-bottom)
                );
        left: 16px;

        width: auto;
    }

    .secondscent-toast {
        grid-template-columns:
            34px
            minmax(0, 1fr)
            24px;

        gap: 12px;
        padding: 16px;
    }

    .secondscent-toast__icon {
        width: 34px;
        height: 34px;
    }
}

/*
|--------------------------------------------------------------------------
| Product List — Mobile Two Columns
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {
    .secondscent-product-list-grid {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 30px;
    }

    .secondscent-product-list-grid
    .card-img-top {
        margin-bottom: 12px !important;
    }

    .secondscent-product-list-grid
    .secondscent-shop-product-image {
        display: block;
        width: 100%;
        height: auto;
    }

    /*
     * Badge produk.
     */
    .secondscent-product-list-grid
    .badge-product-flash {
        padding: 5px 7px;
        font-size: 9px;
        line-height: 1.2;
    }

    /*
     * Tombol lihat dan keranjang.
     */
    .secondscent-product-list-grid
    .product-actions.horizontal {
        gap: 6px;
    }

    .secondscent-product-list-grid
    .product-action {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px;
        min-height: 34px;
    }

    .secondscent-product-list-grid
    .product-action .icon {
        width: 15px;
        height: 15px;
    }

    /*
     * Harga.
     */
    .secondscent-product-list-grid
    .price {
        flex-wrap: wrap;
        gap: 2px 6px;

        margin-bottom: 6px !important;

        font-size: 13px !important;
        line-height: 1.35;
    }

    .secondscent-product-list-grid
    .price del {
        margin-right: 0 !important;
        font-size: 10px !important;
    }

    /*
     * Nama produk.
     */
    .secondscent-product-list-grid
    .product-title {
        min-height: 34px;
        margin-bottom: 7px !important;

        font-size: 12px !important;
        line-height: 1.4;
    }

    .secondscent-product-list-grid
    .product-title a {
        display: -webkit-box;
        overflow: hidden;

        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    /*
     * Status tersedia/terjual.
     */
    .secondscent-product-list-grid
    .secondscent-product-status {
        font-size: 10px !important;
        line-height: 1.3;
    }

    .secondscent-product-list-grid
    .secondscent-product-status__dot {
        width: 6px;
        height: 6px;
    }
}

/*
|--------------------------------------------------------------------------
| Related & Home Products — Two Columns on Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {
    /*
     * Kurangi jarak antar-slide agar dua kartu
     * tetap memiliki ruang yang cukup.
     */
    .secondscent-related-product-slide {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .secondscent-home-product-card {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    /*
     * Jarak gambar ke informasi produk.
     */
    .secondscent-related-products
    .card-img-top,
    .secondscent-product-slider
    .card-img-top {
        margin-bottom: 12px !important;
    }

    /*
     * Samakan rasio gambar dua jenis kartu.
     */
    .secondscent-related-product-image,
    .secondscent-product-slider
    .secondscent-product-image {
        display: block;
        width: 100%;
        aspect-ratio: 3 / 4;
        object-fit: cover;
    }

    /*
     * Tombol Lihat Produk pada related product.
     */
    .secondscent-related-products
    .btn-add-to-cart {
        padding: 8px 11px;

        font-size: 10px;
        line-height: 1.2;
    }

    /*
     * Badge sale/pilihan.
     */
    .secondscent-related-products
    .badge-product-flash,
    .secondscent-product-slider
    .badge-product-flash {
        padding: 5px 7px;

        font-size: 9px;
        line-height: 1.2;
    }

    /*
     * Harga.
     */
    .secondscent-related-products
    .price,
    .secondscent-product-slider
    .price {
        flex-wrap: wrap;
        gap: 2px 5px;

        margin-bottom: 6px !important;

        font-size: 13px !important;
        line-height: 1.35;
    }

    .secondscent-related-products
    .price del {
        margin-right: 0 !important;
        font-size: 10px !important;
    }

    /*
     * Nama produk maksimal dua baris.
     */
    .secondscent-related-products
    .product-title,
    .secondscent-product-slider
    .product-title {
        min-height: 34px;
        margin-bottom: 6px !important;

        font-size: 12px !important;
        line-height: 1.4;
    }

    .secondscent-related-products
    .product-title a,
    .secondscent-product-slider
    .product-title a {
        display: -webkit-box;
        overflow: hidden;

        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    /*
     * Nama varian pada homepage.
     */
    .secondscent-product-slider
    .card-body > p {
        font-size: 10px !important;
        line-height: 1.4;
    }
}