:root{
    --bg:#f3f4f7;
    --surface:#ffffff;
    --text:#121212;
    --muted:#7d7d7d;
    --border:#e9e9e9;
    --primary:#10b759;
    --danger:#ef2b5f;
    --app-width:430px
}
 *{
    box-sizing:border-box
}
html,body{
    margin:0;
    padding:0
}
body{
    font-family:'Inter',Arial,sans-serif;
    background:var(--bg);
    color:var(--text)
}
body.gallery-popup-open{
    overflow:hidden;
    touch-action:none;
}
body.cart-drawer-open{
    overflow:hidden
}
a{
    text-decoration:none;
    color:inherit
}
img{
    display:block;
    max-width:100%;
    height:auto
}
 .site-app-shell{
    min-height:100vh;
    display:flex;
    justify-content:center;
    background:var(--bg)
}
.site-app-frame{
    width:100%;
    max-width:var(--app-width);
    min-height:100vh;
    background:#fff;
    position:relative;
    padding-bottom:0;
    box-shadow:0 10px 30px rgba(0,0,0,.08)
}
 .app-header{
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(255,255,255,.98);
    border-bottom:1px solid rgba(0,0,0,.05);
    backdrop-filter:blur(8px)
}
.app-header__inner{
    min-height:58px;
    padding:8px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px
}
.custom-logo-link{
    display:inline-flex;
    align-items:center
}
.custom-logo{
    width:auto;
    max-width:150px;
    max-height:42px;
    height:auto;
    object-fit:contain
}
.header-cart-link{
    padding:0;
    margin:0;
    border:0;
    background:transparent;
    box-shadow:none;
    outline:none;
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.header-cart-link img{
    width:22px;
    height:22px;
    display:block
}
.header-cart-count{
    position:absolute;
    top:-5px;
    right:-8px;
    min-width:18px;
    height:18px;
    border-radius:999px;
    background:var(--danger);
    color:#fff;
    font-size:10px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    line-height:1
}
.hero-slider-section{
  padding:0 !important;
  margin:0 !important;
}

.hero-slider-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  border-radius:0 !important;
}

.hero-slider-track::-webkit-scrollbar{
  display:none;
}

.hero-slide{
  flex:0 0 100% !important;
  width:100% !important;
  scroll-snap-align:start;
  border-radius:0 !important;
}

.hero-slide img{
  display:block;
  width:100% !important;
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  border-radius:0 !important;
}
.hero-slider-track::-webkit-scrollbar{
    display:none
}
.hero-slide{
    flex:0 0 100%;
    scroll-snap-align:start;
    display:block
}
.hero-slide img{
    width:100%;
    aspect-ratio:16/7;
    object-fit:cover;
    border-radius:18px
}
.hero-slider-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  padding-top:10px;
  margin-bottom:20px; /* tambah jarak ke icon bawah */
}
.hero-dot{
    width:8px;
    height:8px;
    border:0;
    border-radius:999px;
    background:#d8d8d8;
    padding:0
}
.hero-dot.is-active{
    width:18px;
    background:var(--primary)
}
 .quick-icons-section{
    padding:4px 12px 12px
}

.quick-icons-track,
.hero-slider-track,
.sp-gallery-track{
  cursor: grab;
}

.quick-icons-track.is-dragging,
.hero-slider-track.is-dragging,
.sp-gallery-track.is-dragging{
  cursor: grabbing;
  user-select: none;
}
.quick-icons-track{
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
}
.quick-icons-track{
    display:flex;
    gap:12px;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    padding-bottom:4px
}
.quick-icons-track::-webkit-scrollbar{
    display:none
}
.quick-icon-card{
    flex:0 0 68px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    text-align:center
}
.quick-icon-card__icon{
  width:50px;
  height:50px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f5f5;
}
.quick-icon-card__icon img{
    width:48px;
    height:48px;
    object-fit:contain
}
.quick-icon-card__label{
    font-size:11px;
    line-height:1.25;
    color:#555;
    font-weight:500;
    min-height:28px
}
 .home-products-section{
    padding:2px 12px 14px
}
.product-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px
}
.product-card__image{
  position:relative;
  overflow:visible !important;
}

.product-card__image img{
  width:100%;
  aspect-ratio:1 / 1.12;
  object-fit:cover;
  border:3px solid #f3f3f3;
  border-radius:10px;
  background:#f3f3f3;
  display:block;
}

.product-card__badge{
  position:absolute;
  top:6px;
  right:6px;
  z-index:3;
  background:#ef2b5f;
  color:#fff;
  font-size:10px;
  font-weight:700;
  line-height:1;
  padding:5px 7px;
  border-radius:6px;
  white-space:nowrap;
}
.product-card__content{
    padding:8px 4px 2px
}
.product-card__title{
  margin:0 0 5px;
  font-size:12px;
  line-height:1.35;
  font-weight:500;
  color:#1f1f1f;

  display:-webkit-box;
  -webkit-line-clamp:2;      /* maksimal 2 baris */
  -webkit-box-orient:vertical;
  overflow:hidden;

  min-height:34px; /* biar tinggi konsisten */
}
.product-card__price{
    font-size:12px;
    font-weight:700;
    color:var(--danger);
    margin-bottom:4px
}
.product-card__price del{
    color:#9a9a9a;
    margin-right:4px;
    font-weight:400
}
.product-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  font-size:11px;
  color:#8a8a8a;
}

.product-card__rating{
  display:flex;
  align-items:center;
  gap:4px;
}

.product-card__meta-text{
  display:inline-block;
}

.product-card__sales{
  white-space:nowrap;
}
.product-card__rating{
    display:flex;
    align-items:center;
    gap:4px;
    flex-wrap:wrap
}
.product-stars{
    color:#ffb400;
    letter-spacing:-1px;
    font-size:11px;
    line-height:1
}
.site-main{
    padding:16px
}
.entry-card{
    background:#fff;
    border-radius:16px;
    padding:18px
}
.entry-title{
    margin:0 0 10px;
    font-size:20px
}
.entry-content{
    font-size:14px;
    line-height:1.6
}
 .cart-drawer,.variant-drawer{
    position:fixed;
    inset:0;
    z-index:9999;
    pointer-events:none
}
.cart-drawer__overlay,.variant-drawer__overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
    opacity:0;
    transition:opacity .28s ease
}
.cart-drawer__panel,.variant-drawer__panel{
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%) translateY(100%);
    width:100%;
    max-width:var(--app-width);
    max-height:88vh;
    background:#fff;
    border-radius:18px 18px 0 0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:transform .32s cubic-bezier(.22,.61,.36,1)
}
.cart-drawer.is-open,.variant-drawer.is-open{
    pointer-events:auto
}
.cart-drawer.is-open .cart-drawer__overlay,.variant-drawer.is-open .variant-drawer__overlay{
    opacity:1
}
.cart-drawer.is-open .cart-drawer__panel,.variant-drawer.is-open .variant-drawer__panel{
    transform:translateX(-50%) translateY(0)
}
.cart-drawer__header,.variant-drawer__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 16px;
    border-bottom:1px solid var(--border);
    font-size:15px;
    font-weight:700
}
.cart-drawer__close,.variant-drawer__close{
    border:0;
    background:transparent;
    font-size:22px;
    line-height:1;
    color:#333;
    cursor:pointer;
    padding:0
}
.cart-drawer__body{
    padding:0 0 8px
}
.ajax-cart-list{
    padding:0 0 6px
}
.ajax-cart-item{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:16px;
    border-bottom:1px solid var(--border)
}
.ajax-cart-item__content{
    min-width:0;
    flex:1 1 auto
}
.ajax-cart-item__title{
    font-size:14px;
    font-weight:500;
    line-height:1.35;
    color:#121212;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.ajax-cart-item__meta{
    margin-top:6px;
    font-size:12px;
    color:#7f7f7f
}
.ajax-cart-item__side{
    display:flex;
    align-items:center;
    gap:10px;
    flex:0 0 auto
}
.ajax-cart-item__qtyprice{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13px
}
.ajax-cart-item__qty{
    color:#666
}
.ajax-cart-item__price{
    font-weight:700;
    color:#111
}
.ajax-cart-item__remove{
    width:18px;
    height:18px;
    border:0;
    background:transparent;
    color:#9d9d9d;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.ajax-cart-item__remove svg{
    width:16px;
    height:16px;
    display:block
}
.ajax-cart-footer{
    padding:14px 16px 0
}
.ajax-cart-total-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    align-items:start;
    margin-bottom:12px
}
.ajax-cart-total-row span{
    font-size:13px;
    color:#1c1c1c
}
.ajax-cart-total-row strong{
    font-size:18px;
    line-height:1.2;
    color:#121212;
    text-align:right;
    white-space:normal;
    word-break:break-word
}
.ajax-cart-buy-button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:40px;
    border-radius:12px;
    background:var(--primary);
    color:#fff;
    font-size:14px;
    font-weight:700
}
.ajax-cart-empty{
    padding:24px 16px;
    color:#666;
    font-size:14px
}

.ajax-cart-buy-button--disabled{
    background:#d1d5db;
    color:#ffffff;
    cursor:not-allowed;
    pointer-events:none;
    opacity:.9;
}
.ajax-cart-footer--disabled .ajax-cart-total-row strong{
    color:#666;
}
 .single-product-page{
    padding-bottom:86px
}
.sp-gallery{
  position:relative;
  overflow:hidden;
  background:#fff;
}

.sp-gallery-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  align-items:flex-start;
}

.sp-gallery-track::-webkit-scrollbar{
  display:none;
}

.sp-gallery-slide{
  flex:0 0 100% !important;
  width:100% !important;
  min-width:100% !important;
  scroll-snap-align:start;
}

.sp-gallery-trigger{
  display:block;
  width:100%;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  line-height:0;
}

.sp-gallery-trigger img,
.sp-gallery-slide img{
  display:block;
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:contain;
  background:#fff;
  margin:0 auto;
}

.sp-gallery-count{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:2;
  background:rgba(255,255,255,.88);
  padding:4px 8px;
  border-radius:8px;
  font-size:11px;
  color:#444;
}
.sp-flash-sale{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#ef2b5f;
    color:#fff;
    padding:9px 12px
}
.sp-flash-sale__left{
    font-size:13px;
    font-weight:800;
    font-style:italic
}
.sp-flash-sale__right{
    text-align:right
}
.sp-flash-sale__right span{
    display:block;
    font-size:9px;
    opacity:.95
}
.sp-flash-sale__right strong{
    display:inline-block;
    margin-top:2px;
    background:#8a1335;
    color:#fff;
    border-radius:8px;
    padding:2px 7px;
    font-size:10px
}
.sp-summary{
    padding:12px
}
.sp-price{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    font-size:15px;
    color:var(--danger);
    font-weight:800
}
.sp-price del{
    font-size:12px;
    color:#8b8b8b;
    font-weight:400
}
.sp-sale-percent{
    font-size:12px;
    color:#ef2b5f;
    font-weight:700
}
.sp-promo-badges{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:8px
}
.sp-promo-badge{
    display:inline-flex;
    align-items:center;
    padding:4px 8px;
    border-radius:8px;
    background:#fff1f4;
    color:#ef2b5f;
    font-size:11px
}
.sp-title{
    font-size:15px;
    line-height:1.45;
    font-weight:500;
    margin:12px 0 8px
}
.sp-meta{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    font-size:12px;
    color:#777;
    align-items:center
}
.sp-meta__rating{
    display:flex;
    align-items:center;
    gap:4px
}
.sp-benefits{
    margin-top:12px;
    border-top:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0
}
.sp-benefit{
    padding:10px 0;
    font-size:12px;
    color:#4d4d4d;
    border-bottom:1px solid #f5f5f5
}
.sp-benefit:last-child{
    border-bottom:0
}
.sp-variations-preview{
    padding:12px 0;
    border-bottom:1px solid #f0f0f0
}
.sp-variation-row + .sp-variation-row{
    margin-top:12px
}
.sp-variation-row strong{
    display:block;
    font-size:13px;
    margin-bottom:8px
}
.sp-chip-list{
    display:flex;
    gap:8px;
    flex-wrap:wrap
}
.sp-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 14px;
    border:1px solid #d8d8d8;
    border-radius:20px;
    font-size:12px;
    color:#333;
    background:#fff;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
}
.sp-description{
    padding-top:14px;
    font-size:13px;
    line-height:1.7;
    color:#5a5a5a
}
.sp-description h1,.sp-description h2,.sp-description h3,.sp-description h4{
    font-size:14px;
    color:#1f1f1f
}
 .single-sticky-bar{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: var(--app-width);
    margin: 0 auto;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
    background: #fff;
    border-top: 1px solid rgba(0,0,0,.08);
    display: grid;
    grid-template-columns: 42px 1fr 1fr;
    gap: 10px;
    z-index: 150;

    transform: none;
    -webkit-transform: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: auto;
}
@media (max-width: 1024px){
  .single-sticky-bar{
    max-width: 100%;
  }

  .site-app-frame,
  .site-app-shell,
  body,
  html{
    overflow-x: hidden;
  }
}
.single-sticky-bar{
  contain: layout paint;
}
.single-sticky-bar__wa,.single-sticky-bar__cart,.single-sticky-bar__buy{
    min-height:40px;
    border-radius:12px;
    font-size:14px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center
}
.single-sticky-bar__wa{
    border:1.5px solid var(--primary);
    background:#fff;
    color:var(--primary)
}
.single-sticky-bar__wa img{
    width:22px;
    height:22px;
    display:block;
    object-fit:contain;
}
.single-sticky-bar__cart{
    border:1.5px solid var(--primary);
    background:#fff;
    color:var(--primary)
}
.single-sticky-bar__buy{
    border:0;
    background:var(--primary);
    color:#fff
}
 .variant-drawer__body{
    padding:12px 16px 14px;
    overflow:auto
}
.variant-product-card{
    display:flex;
    gap:12px;
    padding:10px;
    border:1px solid #dfdfdf;
    border-radius:14px
}
.variant-product-card__thumb img{
    width:58px;
    height:58px;
    object-fit:cover;
    border-radius:12px
}
.variant-product-card__price{
    font-size:14px;
    font-weight:800;
    color:var(--danger);
    margin-bottom:4px
}


.variant-discount-pill{
    display:inline-flex;
    padding:3px 6px;
    border-radius:7px;
    background:#ffe5ec;
    color:#ef2b5f;
    font-weight:700
}
/* ===== FIX ALIGN HARGA + DISKON ===== */

.variant-product-card__price-wrap{
    display:flex;
    align-items:flex-end;
    gap:8px;
    flex-wrap:nowrap;
}

.variant-product-card__price{
    display:flex;
    align-items:flex-end;
    gap:6px;
    flex-wrap:wrap;
    min-width:0;
}

/* paksa semua elemen harga sejajar */
.variant-product-card__price del,
.variant-product-card__price ins,
.variant-product-card__price span,
.variant-product-card__price bdi{
    display:inline-flex;
    align-items:flex-end;
    line-height:1;
}

/* harga coret abu */
.variant-product-card__price del{
    color:#9ca3af;
    text-decoration:line-through;
}

/* hilangkan underline harga baru */
.variant-product-card__price ins{
    text-decoration:none;
}

/* badge diskon */
.variant-discount-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:700;
    background:#ffe5ec;
    color:#ef2b5f;
    padding:3px 6px;
    border-radius:6px;
    line-height:1;
    white-space:nowrap;
    position:relative;
    top:-1px;
}
.variant-block{
    margin-top:18px
}
.variant-block__title{
    font-size:14px;
    font-weight:700;
    margin-bottom:10px
}
.variant-block__options{
    display:flex;
    gap:10px;
    flex-wrap:wrap
}
.variant-option{
    border:1px solid #d9d9d9;
    background:#fff;
    color:#333;
    border-radius:12px;
    padding:8px 14px;
    font-size:13px;
    cursor:pointer
}
.variant-option.is-active{
    border-color:var(--primary);
    color:var(--primary);
    background:#f4fff9
}
.qty-stepper{
    display:inline-grid;
    grid-template-columns:42px 56px 42px;
    border:1px solid #d9d9d9;
    border-radius:14px;
    overflow:hidden
}
.qty-stepper__btn{
    border:0;
    background:#fff;
    font-size:22px;
    line-height:1;
    color:#333
}
.qty-stepper__input{
    border:0;
    text-align:center;
    font-size:18px;
    font-weight:700;
    outline:none
}
.variant-drawer__footer{
    padding:10px;
    border-top:1px solid #ededed;
    display:grid;
    grid-template-columns:42px 1fr;
    gap:10px
}
.single-sticky-bar__wa.is-mini{
    min-height:40px
}
.variant-submit-button{
    border:0;
    border-radius:12px;
    background:var(--primary);
    color:#fff;
    font-size:14px;
    font-weight:700;
    min-height:40px
}
 .front-sticky-footer{
    position:fixed;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:100%;
    max-width:var(--app-width);
    background:#fff;
    border-top:1px solid rgba(0,0,0,.08);
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    padding:7px 6px 8px;
    z-index:120;
    transition:transform .28s ease, opacity .28s ease
}
.front-sticky-footer.is-hidden{
    transform:translateX(-50%) translateY(100%);
    opacity:0
}
.front-sticky-footer__item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    color:#2b2b2b;
    font-size:11px;
    line-height:1.2;
    font-weight:500;
    min-height:54px
}
.front-sticky-footer__item.is-active{
    color:var(--primary)
}
.front-sticky-footer__icon{
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center
}
.front-sticky-footer__icon svg,.front-sticky-footer__icon img{
    width:20px;
    height:20px;
    display:block;
    object-fit:contain
}
 @media (max-width:767px){
    .site-app-frame{
        max-width:100%;
        box-shadow:none
    }
    .front-sticky-footer,.cart-drawer__panel,.variant-drawer__panel,
    .single-sticky-bar{
        max-width:100%
    }
}
/* =========================
   SHOP PAGE FINAL
   ========================= */

.shop-marketplace-page{
  padding:0 0 16px;
}

.shop-page-header{
  padding:12px 12px 8px;
}

.shop-page-title{
  margin:0;
  font-size:22px;
  line-height:1.2;
  font-weight:700;
  color:#121212;
}

/* toolbar bawaan WooCommerce */
.shop-toolbar{
  padding:0 12px 10px;
}

.shop-toolbar::after{
  content:"";
  display:block;
  clear:both;
}

.woocommerce-result-count{
  margin:0 0 10px !important;
  float:none !important;
  font-size:12px;
  line-height:1.4;
  color:#666;
}

.woocommerce-ordering{
  margin:0 !important;
  float:none !important;
  width:100%;
}

.woocommerce-ordering select{
  width:100%;
  min-height:40px;
  padding:0 12px;
  border:1px solid #dcdcdc;
  border-radius:10px;
  background:#fff;
  font-size:12px;
  color:#333;
  outline:none;
  box-shadow:none;
}

/* rapikan section produk */
.shop-products-section{
  padding-top:0 !important;
}

.shop-product-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

/* product card ikut style homepage */
.product-card{
  overflow:visible !important;
}

.product-card__link{
  display:block;
  text-decoration:none;
  color:inherit;
}

.product-card__image{
  position:relative;
  overflow:visible !important;
}

.product-card__image img{
  width:100%;
  aspect-ratio:1 / 1.12;
  object-fit:cover;
  background:#f2f2f2;
  border:3px solid #f1f1f1;
  border-radius:10px;
  display:block;
}

.product-card__badge{
  position:absolute;
  top:6px;
  right:6px;
  z-index:5;
  background:#ef2b5f;
  color:#fff;
  font-size:10px;
  font-weight:700;
  line-height:1;
  padding:5px 7px;
  border-radius:6px;
  white-space:nowrap;
}

.product-card__content{
  padding:8px 4px 2px;
}

.product-card__title{
  margin:0 0 5px;
  font-size:12px;
  line-height:1.35;
  font-weight:500;
  color:#1f1f1f;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;

  min-height:34px;
}

.product-card__price{
  font-size:12px;
  font-weight:700;
  color:#ef2b5f;
  margin-bottom:4px;
}

.product-card__price del{
  color:#9a9a9a;
  margin-right:4px;
  font-weight:400;
}

.product-card__price ins{
  text-decoration:none;
}

.product-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  font-size:10.5px;
  line-height:1.3;
  color:#8a8a8a;
}

.product-card__rating{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  flex-wrap:nowrap;
}

.product-card__meta-text{
  display:inline-block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.product-card__sales{
  white-space:nowrap;
  flex:0 0 auto;
}

.product-stars{
  color:#ffb400;
  letter-spacing:-1px;
  font-size:11px;
  line-height:1;
  flex:0 0 auto;
}

/* pagination */
.shop-pagination-wrap{
  padding:16px 12px 0;
}

.woocommerce nav.woocommerce-pagination{
  margin:0 !important;
  text-align:center;
}

.woocommerce nav.woocommerce-pagination ul{
  border:0 !important;
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin:0;
  padding:0;
}

.woocommerce nav.woocommerce-pagination ul li{
  border:0 !important;
  float:none !important;
  list-style:none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  min-width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid #ddd;
  border-radius:10px;
  background:#fff;
  font-size:12px;
  color:#333;
}

.woocommerce nav.woocommerce-pagination ul li span.current{
  background:#10b759;
  border-color:#10b759;
  color:#fff;
}

/* state kosong */
.shop-empty-state{
  padding:20px 12px;
  font-size:13px;
  color:#666;
}

/* sembunyikan list/card default WooCommerce kalau sempat terbawa */
.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  all:unset;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after{
  display:none !important;
  content:none !important;
}

/* tombol add to cart bawaan jangan tampil */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce ul.products li.product .button{
  display:none !important;
}

/* sale flash bawaan WooCommerce jangan tampil, kita pakai badge custom */
.woocommerce span.onsale{
  display:none !important;
}
.header-back-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  text-decoration:none;
}

.header-back-btn svg{
  width:22px;
  height:22px;
}
.app-header__brand{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  flex:1;
}

.app-header__product-title{
  font-size:15px;
  font-weight:500;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-width:0;
  flex:1;
}

.app-header__product-actions{
  display:flex;
  align-items:center;
  gap:2px;
  margin-left:auto;
}

.app-header__icon-button{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  background:transparent;
  color:#111;
  text-decoration:none;
  border-radius:999px;
  box-shadow:none;
  cursor:pointer;
}

.app-header__icon-button:hover,
.app-header__icon-button:focus{
  background:rgba(17,17,17,.06);
  color:#111;
}

.app-header__icon-button svg{
  width:20px;
  height:20px;
  display:block;
}
.app-header__icon-button img{
  width:20px;
  height:20px;
  display:block;
}
.sp-gallery-trigger{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}

.sp-gallery-trigger img{
  width:100%;
  display:block;
}

.product-gallery-popup{
  position:fixed;
  inset:0;
  z-index:10050;
  pointer-events:none;
}

.product-gallery-popup__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.82);
  opacity:0;
  transition:opacity .28s ease;
}

.product-gallery-popup__panel{
  position:relative;
  width:100%;
  max-width:430px;
  height:100vh;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transform:translateY(12px);
  opacity:0;
  transition:transform .28s ease, opacity .28s ease;
}

.product-gallery-popup.is-open{
  pointer-events:auto;
}

.product-gallery-popup.is-open .product-gallery-popup__overlay{
  opacity:1;
}

.product-gallery-popup.is-open .product-gallery-popup__panel{
  transform:translateY(0);
  opacity:1;
}

.product-gallery-popup__topbar{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  color:#fff;
}

.product-gallery-popup__close{
  border:0;
  background:transparent;
  color:#fff;
  font-size:34px;
  line-height:1;
  padding:0;
  cursor:pointer;
}

.product-gallery-popup__counter{
  font-size:14px;
  font-weight:700;
  color:#fff;
}

.product-gallery-popup__main{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 0 0;
  min-height:0;
}

.product-gallery-popup__main img{
  display:block;
  max-width:100%;
  max-height:62vh;
  width:auto;
  height:auto;
  object-fit:contain;
  background:#fff;
  margin:0 auto;
}

.product-gallery-popup__info{
  position:relative;
  z-index:3;
  background:#111;
  color:#fff;
  padding:10px 12px 14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.product-gallery-popup__thumbs{
  display:flex;
  gap:10px;
  overflow-x:auto;
  scrollbar-width:none;
  margin-bottom:0;
}

.product-gallery-popup__title{
  margin:0;
  font-size:14px;
  line-height:1.4;
  font-weight:600;
  color:#fff;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.product-gallery-popup__price{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:0;
  font-size:14px;
  font-weight:700;
  color:#ef2b5f;
}

.product-gallery-popup__buy{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:40px;
  border-radius:12px;
  background:#10b759;
  color:#fff;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}

@media (max-width: 767px){
  .product-gallery-popup__panel{
    height:100dvh;
  }

  .product-gallery-popup__main{
    flex:1;
    min-height:0;
    padding:8px 0 0;
  }

  .product-gallery-popup__main img{
    max-height:50vh;
  }

  .product-gallery-popup__info{
    padding:10px 12px calc(12px + env(safe-area-inset-bottom));
  }
}

.quick-icons-track .quick-icon-card{
  flex: 0 0 82px !important;
  max-width: 82px !important;
}

.quick-icons-track .quick-icon-card__icon{
  width: 65px !important;
  height: 65px !important;
  min-width: 65px !important;
  min-height: 65px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.quick-icons-track .quick-icon-card__icon img{
  width: 60px !important;
  height: 60px !important;
  max-width: 60px !important;
  max-height: 60px !important;
  object-fit: contain !important;
}

.quick-icons-track .quick-icon-card__label{
  font-size: 12px !important;
  line-height: 1.25 !important;
}
.variant-product-card{
    display:flex;
    gap:12px;
    align-items:flex-start;
}

.variant-product-card__content{
    flex:1;
    min-width:0;
}

.variant-product-card__title{
    font-size:12px;
    font-weight:400;
    line-height:1.4;
    margin-bottom:6px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.variant-product-card__price del,
.variant-product-card__price del span,
.variant-product-card__price .amount--old{
    color:#9ca3af;
    opacity:1;
}

.qty-stepper__input::-webkit-outer-spin-button,
.qty-stepper__input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0;
}

.qty-stepper__input{
    -moz-appearance:textfield;
    appearance:textfield;
}

.variant-stock-note{
    margin-top:12px;
    padding:10px 12px;
    border-radius:10px;
    background:#fff1f1;
    color:#d11a2a;
    font-size:13px;
    font-weight:600;
}

.variant-submit-button.is-disabled,
.variant-submit-button:disabled{
    opacity:.55;
    cursor:not-allowed;
}

.ajax-cart-item__content{
    min-width:0;
    flex:1 1 auto;
}

.ajax-cart-item__title{
    font-size:14px;
    font-weight:500;
    line-height:1.35;
    color:#121212;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ajax-cart-item__meta{
    margin-top:4px;
    font-size:11px;
    line-height:1.35;
    color:#8a8a8a;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.sp-benefit--stock{
  font-weight:600;
  color:#d97706;
}

.sp-benefit--viewing{
  color:#374151;
}

/* Footer Sticky Blok Putih Hilangkan */
.front-sticky-footer,
.front-sticky-footer.is-hidden{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: var(--app-width) !important;
  margin: 0 auto !important;

  transform: none !important;
  -webkit-transform: none !important;
  opacity: 1 !important;
  transition: none !important;

  z-index: 99999 !important;
  display: grid !important;
  pointer-events: auto !important;
}

.site-app-frame,
.site-app-shell,
body,
html{
  overflow-x: hidden !important;
}
.site-app-frame {
    padding-bottom: 80px;
}

/* Tombol Keranjang ke tutup */
.cart-drawer__body{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding:0;
}

.ajax-cart-footer{
    position:sticky;
    bottom:0;
    background:#fff;
    padding:14px 16px calc(12px + env(safe-area-inset-bottom));
    border-top:1px solid var(--border);
    box-shadow:0 -6px 18px rgba(0,0,0,.06);
}

/* =========================
   FIX BLOK PUTIH STICKY SINGLE PRODUCT
   ========================= */

.single-sticky-bar{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: var(--app-width) !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: 42px 1fr 1fr;
  gap: 10px;

  padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
  background: #fff !important;
  border-top: 1px solid rgba(0,0,0,.08) !important;
  z-index: 99999 !important;

  transform: none !important;
  -webkit-transform: none !important;
  transition: none !important;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout paint;
  isolation: isolate;
}

.single-sticky-bar__wa,
.single-sticky-bar__cart,
.single-sticky-bar__buy{
  position: relative;
  z-index: 2;
  background: #fff;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.single-sticky-bar__buy{
  background: var(--primary);
  color: #fff;
}

@media (max-width: 767px){
  .single-sticky-bar{
    max-width: 100% !important;
  }
}
body.cart-drawer-open .single-sticky-bar,
body.cart-drawer-open .front-sticky-footer{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(120%) !important;
  -webkit-transform: translateY(120%) !important;
}
/* Sembunyikan sticky halaman saat gallery popup terbuka */
body.gallery-popup-open .single-sticky-bar,
body.gallery-popup-open .front-sticky-footer{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(120%) !important;
  -webkit-transform: translateY(120%) !important;
}

/* CSS dua tombol galerry */
.product-gallery-popup__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px;
}

.product-gallery-popup__cart,
.product-gallery-popup__buy{
  height:44px;
  border-radius:14px;
  border:none;
  font-weight:700;
  font-size:16px;
  cursor:pointer;
}

.product-gallery-popup__cart{
  background:#fff;
  color:#15b85a;
  border:2px solid #15b85a;
}

.product-gallery-popup__buy{
  background:#15b85a;
  color:#fff;
}
/* =========================
   CHECKOUT MODERN UI
   ========================= */
.woocommerce-checkout .site-main,
.woocommerce-page .site-main{
    padding:18px 14px 28px;
}
.woopedia-checkout__layout{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
    gap:18px;
    align-items:start;
}
.woopedia-card{
    background:#fff;
    border:1px solid #eceff3;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(15,23,42,.06);
}
.woopedia-checkout__main,
.woopedia-checkout__sidebar{
    min-width:0;
}
.woopedia-checkout__intro,
.woopedia-checkout__section,
.woopedia-checkout__summary{
    padding:16px;
  background:#fff;
}
@media (min-width: 768px){
  .wishlist-drawer__panel{
    bottom:20px;
    border-radius:18px;
  }
}
.woopedia-checkout__intro{
    margin-bottom:16px;
}
.woopedia-checkout__title{
    margin:0 0 10px;
    font-size:30px;
    line-height:1.1;
    font-weight:800;
    letter-spacing:-.03em;
}
.woopedia-checkout__coupon .woocommerce-info,
.woopedia-checkout__intro .woocommerce-error,
.woopedia-checkout__intro .woocommerce-message,
.woopedia-checkout__intro .woocommerce-info{
    margin:0 0 12px;
    border:1px solid #e7edf3;
    background:#f8fafc;
    border-radius:14px;
    padding:14px 16px;
}
.woopedia-checkout-block + .woopedia-checkout-block,
.woocommerce-additional-fields{
    margin-top:18px;
}
.woopedia-checkout-block > h3,
.woocommerce-billing-fields > h3,
.woocommerce-additional-fields > h3{
    margin:0 0 14px;
    font-size:20px;
    font-weight:800;
    letter-spacing:-.02em;
}
.woopedia-form-grid,
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper{
    display:grid;
    gap:14px;
}
.woocommerce form .form-row{
    margin:0;
    padding:0;
}
.woocommerce form .form-row label{
    display:block;
    margin:0 0 8px;
    font-size:13px;
    font-weight:600;
    color:#344054;
}
.woocommerce form .form-row .required{
    color:var(--danger);
}
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-selection--single{
    width:100%;
    min-height:52px;
    border:1px solid #d8e0ea;
    border-radius:14px;
    padding:0 14px;
    background:#fff;
    font-size:15px;
    line-height:1.4;
    color:#101828;
    transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.woocommerce-checkout textarea{
    min-height:110px;
    padding:14px;
    resize:vertical;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:50px;
    padding-left:0;
    color:#101828;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:50px;
    right:10px;
}
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single,
.woocommerce-checkout .select2-container--default .select2-selection--single:focus{
    border-color:rgba(16,183,89,.65);
    box-shadow:0 0 0 4px rgba(16,183,89,.12);
    outline:none;
}
#ship-to-different-address{
    margin:0;
}
#ship-to-different-address label{
    margin:0;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:18px;
    font-weight:800;
}
#ship-to-different-address input{
    width:18px;
    height:18px;
    accent-color:var(--primary);
}
.woopedia-shipping-address{
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid #edf1f5;
}
.woopedia-checkout__sidebar{
    position:static;
}
.woopedia-checkout__eyebrow{
    margin:0 0 6px;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--primary);
}
.woopedia-checkout__summary-head h2{
    margin:0 0 16px;
    font-size:24px;
    font-weight:800;
    letter-spacing:-.03em;
}
.woocommerce-checkout-review-order-table,
.shop_table.woocommerce-checkout-review-order-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px;
}
.woocommerce-checkout-review-order-table{
    table-layout:fixed;
}
.woocommerce-checkout-review-order-table th:first-child,
.woocommerce-checkout-review-order-table td:first-child{
    width:68%;
    word-break:break-word;
}
.woocommerce-checkout-review-order-table th:last-child,
.woocommerce-checkout-review-order-table td:last-child{
    width:32%;
    text-align:right;
    word-break:break-word;
}
.woocommerce-checkout .col2-set,
.woocommerce-checkout #customer_details{
    display:block;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{
    width:100%;
    float:none;
    margin:0;
}
.woocommerce-checkout #customer_details .col-2{
    margin-top:18px;
}
.woocommerce-checkout .woocommerce-form-coupon .form-row-first,
.woocommerce-checkout .woocommerce-form-coupon .form-row-last{
    width:100%;
    float:none;
}
.woocommerce-checkout .woocommerce-form-coupon .form-row-last{
    margin-top:10px;
}
.woocommerce-checkout .woocommerce-form-coupon button{
    width:100%;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td{
    padding:0;
    border:0;
    vertical-align:top;
    font-size:14px;
    line-height:1.6;
}
.woocommerce-checkout-review-order-table thead th{
    color:#667085;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
    padding-bottom:8px;
}
.woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout-review-order-table tfoot tr{
    background:#fff;
}
.woocommerce-checkout-review-order-table tbody td.product-name{
    padding-right:12px;
    color:#111827;
}
.woocommerce-checkout-review-order-table tbody td.product-total,
.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table tfoot th{
    font-weight:700;
}
.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th,
.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td,
.woocommerce-checkout-review-order-table tfoot tr.order-total td{
    padding-top:10px;
}
.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout-review-order-table tfoot tr.order-total td{
    font-size:18px;
    color:#111827;
}
.woocommerce-checkout-payment{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid #edf1f5;
}
.woocommerce-checkout-payment ul.payment_methods{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:10px;
}
.woocommerce-checkout-payment ul.payment_methods li{
    margin:0;
    padding:14px;
    border:1px solid #e4eaf1;
    border-radius:16px;
    background:#fff;
}
.woocommerce-checkout-payment ul.payment_methods li input[type="radio"]{
    accent-color:var(--primary);
}
.woocommerce-checkout-payment .payment_box{
    margin:10px 0 0;
    padding:10px 12px;
    border-radius:12px;
    background:#f8fafc;
    color:#475467;
}
.woocommerce-checkout #place_order{
    width:100%;
    min-height:54px;
    border:0;
    border-radius:16px;
    background:linear-gradient(135deg,#10b759,#0f9b4c);
    color:#fff;
    font-size:16px;
    font-weight:800;
    letter-spacing:.01em;
    box-shadow:0 14px 24px rgba(16,183,89,.24);
}
.woocommerce-checkout #place_order:hover{
    filter:brightness(.98);
}
.woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout .place-order{
    font-size:13px;
    color:#475467;
}
.woocommerce-checkout .woocommerce-form-coupon{
    margin-top:12px;
    padding-top:12px;
    border-top:1px dashed #d8e0ea;
}
.woocommerce-checkout .woocommerce-form-coupon p{
    margin:0 0 12px;
}
.woocommerce-checkout .woocommerce-form-coupon button,
.woocommerce-checkout button.button,
.woocommerce-checkout .button{
    min-height:48px;
    border-radius:14px;
    border:0;
    padding:0 18px;
    font-weight:700;
}
@media (max-width: 767px){
    .woocommerce-checkout .site-main,
    .woocommerce-page .site-main{
        padding:14px 10px 24px;
    }
    .woopedia-checkout__layout{
        grid-template-columns:1fr;
        gap:14px;
    }
    .woopedia-checkout__title{
        font-size:26px;
    }
    .woopedia-checkout__sidebar{
        position:static;
    }
    .woopedia-checkout__intro,
    .woopedia-checkout__section,
    .woopedia-checkout__summary{
        padding:15px;
    }
}



/* =========================
   CHECKOUT HEADER + CART STRIP
   ========================= */
.app-header--checkout .app-header__inner{
    min-height:52px;
    padding:0 14px;
}
.app-header__checkout{
    width:100%;
    display:grid;
    grid-template-columns:32px 1fr 32px;
    align-items:center;
    gap:8px;
}
.app-header__checkout-title{
    text-align:center;
    font-size:16px;
    font-weight:600;
    line-height:1.2;
    color:#111827;
}
.app-header__checkout-spacer{
    display:block;
    width:32px;
    height:32px;
}
.woocommerce-checkout .site-main{
    padding-top:0;
}
.woopedia-checkout-cart{
    background:#fff;
    border-bottom:1px solid #e5e7eb;
    margin:0 -14px 14px;
}
.woopedia-checkout-cart__item{
    display:grid;
    grid-template-columns:56px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:14px;
    border-top:1px solid #eef2f6;
}
.woopedia-checkout-cart__item:first-child{
    border-top:0;
}
.woopedia-checkout-cart__media img,
.woopedia-checkout-cart__img{
    width:56px;
    height:56px;
    border-radius:10px;
    object-fit:cover;
    background:#f3f4f6;
    border:1px solid #eceff3;
}
.woopedia-checkout-cart__body{
    min-width:0;
}
.woopedia-checkout-cart__name{
    font-size:14px;
    line-height:1.45;
    color:#111827;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-bottom:4px;
}
.woopedia-checkout-cart__price{
    font-size:14px;
    font-weight:700;
    color:#111827;
}
.woopedia-checkout-cart__qty{
    display:inline-flex;
    align-items:center;
    gap:14px;
    border:1px solid #d9dee7;
    border-radius:999px;
    min-height:34px;
    padding:0 10px;
}
.woopedia-qty-btn{
    width:20px;
    height:20px;
    border:0;
    background:transparent;
    color:#111827;
    font-size:22px;
    line-height:1;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.woopedia-qty-btn.is-loading{
    opacity:.45;
    pointer-events:none;
}
.woopedia-checkout-cart__qtynum{
    min-width:10px;
    text-align:center;
    font-size:14px;
    font-weight:600;
    color:#111827;
}
.woopedia-checkout__title,
.woopedia-checkout__intro,
.woocommerce-form-coupon-toggle{
    display:none !important;
}
.woocommerce-checkout .woopedia-checkout__layout{
    margin-top:0;
}
@media (max-width: 1024px){
    .woopedia-checkout-cart{
        margin:0 -10px 14px;
    }
}



/* =========================
   CHECKOUT FINAL FIX
   ========================= */
.woocommerce-checkout .site-main,
.woocommerce-page .site-main{
    padding:0 14px 32px !important;
}

.woocommerce-checkout .woopedia-checkout__layout{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
    align-items:start;
}

.woocommerce-checkout .woopedia-checkout__main,
.woocommerce-checkout .woopedia-checkout__sidebar{
    width:100% !important;
    min-width:0 !important;
}

.woocommerce-checkout .woopedia-checkout__section,
.woocommerce-checkout .woopedia-checkout__summary-card,
.woocommerce-checkout .woopedia-checkout__notes-card{
    padding:16px !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:none !important;
}

.woocommerce-checkout .woopedia-checkout__summary-card{
    border:1.5px solid #10b759 !important;
}

.woocommerce-checkout .woopedia-summary-title,
.woocommerce-checkout .woopedia-notes-title,
.woocommerce-checkout .woocommerce-billing-fields > h3{
    margin:0 0 14px !important;
    font-size:18px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    color:#111827 !important;
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout .woopedia-checkout__customer-details,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{
    display:block !important;
    width:100% !important;
    float:none !important;
    margin:0 !important;
}

.woocommerce-checkout .woopedia-checkout__sidebar{
    position:static !important;
}

.woocommerce-checkout .woopedia-checkout__summary-head,
.woocommerce-checkout .woopedia-checkout__eyebrow,
.woocommerce-checkout .woopedia-checkout__summary h2{
    display:none !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table{
    width:100% !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
    border-spacing:0 !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table thead{
    display:none !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr{
    background:transparent !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tbody td,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot td{
    padding:10px 0 !important;
    border-bottom:1px solid #eaeef3 !important;
    vertical-align:top !important;
    font-size:14px !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tbody td.product-name{
    width:72% !important;
    color:#667085 !important;
    word-break:break-word !important;
    padding-right:10px !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tbody td.product-total,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot td{
    width:28% !important;
    text-align:right !important;
    font-weight:700 !important;
    color:#111827 !important;
    white-space:nowrap !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child th,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child td{
    border-bottom:0 !important;
    font-size:16px !important;
    font-weight:800 !important;
}

.woocommerce-checkout .woocommerce-checkout-payment{
    margin-top:14px !important;
    padding-top:14px !important;
    border-top:1px solid #eaeef3 !important;
}

.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods{
    display:grid !important;
    gap:10px !important;
    margin:0 0 14px !important;
    padding:0 !important;
    list-style:none !important;
}

.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods li{
    padding:12px 14px !important;
    border:1px solid #e3e8ef !important;
    border-radius:14px !important;
    margin:0 !important;
}

.woocommerce-checkout .place-order{
    margin-top:12px !important;
}

.woocommerce-checkout #place_order,
.woocommerce-checkout .place-order .button,
.woocommerce-checkout button.button.alt,
.woocommerce-checkout input.button.alt{
    display:flex !important;
    width:100% !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:52px !important;
    border:0 !important;
    border-radius:14px !important;
    background:#10b759 !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:800 !important;
    text-align:center !important;
    box-shadow:none !important;
}

.woocommerce-checkout .woocommerce-privacy-policy-text{
    margin-bottom:12px !important;
    font-size:12px !important;
    color:#667085 !important;
}

.woocommerce-checkout .woopedia-order-notes .form-row{
    margin:0 !important;
}

.woocommerce-checkout .woopedia-order-notes textarea{
    min-height:112px !important;
}

.woocommerce-checkout .woopedia-checkout-cart{
    margin:0 -14px 14px !important;
    background:#fff !important;
    border-bottom:1px solid #eaeef3 !important;
}

.woocommerce-checkout .woopedia-checkout-cart__item{
    display:grid !important;
    grid-template-columns:56px minmax(0,1fr) auto !important;
    gap:12px !important;
    align-items:center !important;
    padding:14px !important;
}

.woocommerce-checkout .woopedia-checkout-cart__name{
    font-size:14px !important;
    line-height:1.45 !important;
    margin-bottom:4px !important;
}

.woocommerce-checkout .woopedia-checkout-cart__price{
    font-size:13px !important;
    font-weight:800 !important;
}

.woocommerce-checkout .woopedia-checkout-cart__qty{
    gap:12px !important;
    min-height:38px !important;
    padding:0 12px !important;
}

.woocommerce-checkout .woopedia-qty-btn{
    width:20px !important;
    height:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:22px !important;
}

@media (max-width: 1024px){
    .woocommerce-checkout .woopedia-checkout-cart{
        margin:0 -14px 14px !important;
    }
}



/* =========================
   SHIPPING METHODS FIX
   ========================= */
.woocommerce-checkout .woocommerce-shipping-totals td,
.woocommerce-checkout .woocommerce-shipping-totals th{
    vertical-align:top !important;
}

.woocommerce-checkout .woocommerce-shipping-methods{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li{
    list-style:none !important;
    display:flex !important;
    align-items:flex-start !important;
    gap:8px !important;
    margin:0 0 10px !important;
    padding:0 !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li:last-child{
    margin-bottom:0 !important;
}

.woocommerce-checkout .woocommerce-shipping-methods input[type="radio"]{
    flex:0 0 auto !important;
    margin:3px 0 0 !important;
}

.woocommerce-checkout .woocommerce-shipping-methods label{
    flex:1 1 auto !important;
    display:block !important;
    margin:0 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    word-break:break-word !important;
    white-space:normal !important;
}

.woocommerce-checkout .woocommerce-shipping-totals td{
    text-align:left !important;
    white-space:normal !important;
}

.woocommerce-checkout .woocommerce-shipping-totals td .amount{
    white-space:nowrap !important;
    font-weight:700 !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals th{
    width:28% !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td{
    width:72% !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals ul{
    margin-top:0 !important;
}



/* =========================
   SHIPPING METHODS CARD STYLE
   ========================= */
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals th{
    width:100% !important;
    display:block !important;
    padding-bottom:8px !important;
    text-align:left !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td{
    width:100% !important;
    display:block !important;
    padding-top:0 !important;
}

.woocommerce-checkout .woocommerce-shipping-methods{
    display:grid !important;
    gap:10px !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 !important;
    padding:12px 14px !important;
    border:1px solid #dbe3ec !important;
    border-radius:14px !important;
    background:#fff !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li label{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    width:100% !important;
    font-size:14px !important;
    line-height:1.4 !important;
    font-weight:600 !important;
    color:#111827 !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li input[type="radio"]{
    margin:0 !important;
    accent-color:#10b759 !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li .amount{
    flex:0 0 auto !important;
    white-space:nowrap !important;
    font-weight:700 !important;
    color:#111827 !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li input[type="radio"]:checked + label{
    color:#10b759 !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li:has(input[type="radio"]:checked){
    border-color:#10b759 !important;
    background:#f6fff9 !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li label .amount{
    margin-left:auto !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li br{
    display:none !important;
}

/* fallback if :has is unsupported */
.woocommerce-checkout .woocommerce-shipping-methods li label{
    word-break:break-word !important;
}



/* =========================
   SHIPPING METHODS FULL WIDTH
   ========================= */
.woocommerce-checkout .woocommerce-shipping-methods li{
    width:100% !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li label{
    width:100% !important;
    flex:1 1 auto !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li label .amount{
    margin-left:auto !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li > label,
.woocommerce-checkout .woocommerce-shipping-methods li > input[type="radio"] + label{
    width:100% !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td{
    display:block !important;
    width:100% !important;
}

.woocommerce-checkout .woocommerce-shipping-methods{
    width:100% !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li{
    box-sizing:border-box !important;
    justify-content:flex-start !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li input[type="radio"]{
    margin-right:2px !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li label{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    min-width:0 !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li label .woocommerce-Price-amount,
.woocommerce-checkout .woocommerce-shipping-methods li label .amount{
    flex:0 0 auto !important;
    text-align:right !important;
}

.woocommerce-checkout .woocommerce-shipping-methods li label{
    gap:10px !important;
}



/* =========================
   SHIPPING RIGHT SPACE FINAL FIX
   ========================= */

/* reset row shipment dari layout tabel 2 kolom */
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals th,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td{
  display:block !important;
  float:none !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  text-align:left !important;
  white-space:normal !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* semua child di td shipment wajib full */
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td > *,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td form,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td .woocommerce-shipping-methods{
  display:block !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* list ongkir benar-benar full sampai sisi card */
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  margin:0 0 10px 0 !important;
  padding:12px 14px !important;
  box-sizing:border-box !important;
  border:1px solid #dbe3ec !important;
  border-radius:14px !important;
  background:#fff !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li:last-child{
  margin-bottom:0 !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input[type="radio"]{
  flex:0 0 auto !important;
  margin:0 10px 0 0 !important;
  accent-color:#10b759 !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li label{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:600 !important;
  white-space:normal !important;
  word-break:break-word !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li label .amount,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li label .woocommerce-Price-amount{
  margin-left:auto !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  text-align:right !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li:has(input[type="radio"]:checked){
  border-color:#10b759 !important;
  background:#f6fff9 !important;
}

/* kalau belum pilih kecamatan/alamat, pesan tetap rapi full */
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td p,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td .woocommerce-shipping-destination,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td .woocommerce-info{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
  white-space:normal !important;
  line-height:1.5 !important;
}

/* pastikan total/subtotal tetap normal */
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr:not(.woocommerce-shipping-totals) th{
  width:42% !important;
  display:table-cell !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr:not(.woocommerce-shipping-totals) td{
  width:58% !important;
  display:table-cell !important;
  text-align:right !important;
  white-space:nowrap !important;
}



/* =========================
   TOTAL ROW VISUAL FIX
   ========================= */
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total{
  display:table-row !important;
  width:100% !important;
  background:#fff !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td{
  display:table-cell !important;
  border-top:1px solid #e5e7eb !important;
  border-bottom:0 !important;
  padding-top:14px !important;
  padding-bottom:14px !important;
  vertical-align:middle !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th{
  padding-left:0 !important;
  padding-right:12px !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td{
  text-align:right !important;
  padding-left:12px !important;
  padding-right:10px !important;
  white-space:nowrap !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total .amount,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total .woocommerce-Price-amount{
  display:inline-block !important;
  padding-right:4px !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot{
  width:100% !important;
}



/* =========================
   TOTAL NUMBER CUT FIX
   ========================= */
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total{
  display:table !important;
  width:100% !important;
  table-layout:fixed !important;
  border-collapse:collapse !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td{
  display:table-cell !important;
  box-sizing:border-box !important;
  vertical-align:middle !important;
  border-top:1px solid #e5e7eb !important;
  border-bottom:0 !important;
  padding-top:14px !important;
  padding-bottom:14px !important;
  overflow:visible !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th{
  width:38% !important;
  padding-left:0 !important;
  padding-right:10px !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td{
  width:62% !important;
  text-align:right !important;
  padding-left:8px !important;
  padding-right:18px !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td .amount,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount{
  display:inline !important;
  white-space:nowrap !important;
  overflow:visible !important;
  max-width:none !important;
}



/* =========================
   HARD OVERRIDE: SUBTOTAL / SHIPPING / TOTAL ALIGNMENT
   ========================= */

/* keep normal footer rows aligned in 2-column table */
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total{
  display:table-row !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th{
  display:table-cell !important;
  width:40% !important;
  box-sizing:border-box !important;
  text-align:left !important;
  padding-left:0 !important;
  padding-right:12px !important;
  white-space:normal !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td{
  display:table-cell !important;
  width:60% !important;
  box-sizing:border-box !important;
  text-align:right !important;
  padding-left:12px !important;
  padding-right:16px !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td{
  border-top:1px solid #e5e7eb !important;
  border-bottom:0 !important;
  padding-top:14px !important;
  padding-bottom:14px !important;
  font-weight:800 !important;
}

/* shipping row: title on its own line, options full width */
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals th{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  text-align:left !important;
  padding:10px 0 8px 0 !important;
  border:0 !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  text-align:left !important;
  padding:0 0 12px 0 !important;
  border:0 !important;
  white-space:normal !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td > *,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td .woocommerce-shipping-methods{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  margin:0 0 10px 0 !important;
  padding:12px 14px !important;
  border:1px solid #dbe3ec !important;
  border-radius:14px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li:last-child{
  margin-bottom:0 !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li input[type="radio"]{
  flex:0 0 auto !important;
  margin:0 12px 0 0 !important;
  accent-color:#10b759 !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li label{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  gap:12px !important;
  margin:0 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:600 !important;
  white-space:normal !important;
  word-break:break-word !important;
  box-sizing:border-box !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li label .amount,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li label .woocommerce-Price-amount{
  margin-left:auto !important;
  white-space:nowrap !important;
  text-align:right !important;
  flex:0 0 auto !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li:has(input[type="radio"]:checked){
  border-color:#10b759 !important;
  background:#f6fff9 !important;
}

/* avoid clipped amount anywhere in footer */
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot td .amount,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot td .woocommerce-Price-amount{
  display:inline-block !important;
  max-width:none !important;
  overflow:visible !important;
}



/* =========================
   CLEAN REVIEW FOOTER LAYOUT
   ========================= */
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot{
  display:table-footer-group !important;
  width:100% !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total{
  display:table-row !important;
  width:auto !important;
  margin:0 !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot td{
  display:table-cell !important;
  box-sizing:border-box !important;
  vertical-align:top !important;
  width:auto !important;
  max-width:none !important;
  float:none !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals th,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th{
  width:32% !important;
  text-align:left !important;
  padding:14px 12px 14px 0 !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td{
  width:68% !important;
  text-align:right !important;
  padding:14px 14px 14px 12px !important;
  white-space:nowrap !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td{
  border-top:1px solid #e5e7eb !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td{
  border-top:1px solid #e5e7eb !important;
  border-bottom:0 !important;
  font-weight:800 !important;
  vertical-align:middle !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals th,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td{
  border-top:1px solid #e5e7eb !important;
  border-bottom:0 !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td{
  text-align:left !important;
  white-space:normal !important;
}

/* shipping cards stay inside right column cleanly */
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  width:100% !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li{
  margin:0 !important;
  padding:12px 14px !important;
  border:1px solid #dbe3ec !important;
  border-radius:14px !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  box-sizing:border-box !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li input[type="radio"]{
  margin:0 12px 0 0 !important;
  flex:0 0 auto !important;
  accent-color:#10b759 !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li label{
  margin:0 !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  word-break:break-word !important;
  white-space:normal !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li label .amount,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li label .woocommerce-Price-amount{
  margin-left:auto !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li:has(input[type="radio"]:checked){
  border-color:#10b759 !important;
  background:#f6fff9 !important;
}

/* exact alignment for subtotal + total amounts */
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td .amount,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td .amount,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td .woocommerce-Price-amount,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount{
  display:inline-block !important;
  white-space:nowrap !important;
  padding-right:0 !important;
  margin-right:0 !important;
}



/* =========================
   SHIPPING CARD RIGHT OVERFLOW FIX
   ========================= */

/* keep review table inside card */
body.woocommerce-checkout .site-app-frame .woopedia-checkout__summary-card,
body.woocommerce-checkout .site-app-frame .woocommerce-checkout-review-order,
body.woocommerce-checkout .site-app-frame #order_review,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

/* make right column narrower so cards cannot bleed past green border */
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals th{
  width:28% !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td{
  width:72% !important;
  padding:10px 0 12px 10px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

/* shipping methods wrapper must never exceed parent width */
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

/* each shipping card stays inside td width */
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

/* label text and amount respect card width */
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li label{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li label .amount,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li label .woocommerce-Price-amount{
  margin-left:8px !important;
  flex:0 0 auto !important;
  max-width:none !important;
  white-space:nowrap !important;
}

/* total amount keeps same right padding as subtotal */
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td,
body.woocommerce-checkout .site-app-frame .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td{
  padding-right:18px !important;
}

/* =========================
   CUSTOM REVIEW ORDER LAYOUT
   ========================= */
.woocommerce-checkout .woopedia-review-order{
  width:100%;
}
.woocommerce-checkout .woopedia-review-order__title{
  margin:0 0 14px;
  font-size:18px;
  font-weight:800;
  line-height:1.3;
}
.woocommerce-checkout .woopedia-review-order__list{
  display:flex;
  flex-direction:column;
  gap:0;
}
.woocommerce-checkout .woopedia-review-order__item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid #e5e7eb;
}
.woocommerce-checkout .woopedia-review-order__item-name{
  min-width:0;
  color:#667085;
  font-size:14px;
  line-height:1.55;
  word-break:break-word;
}
.woocommerce-checkout .woopedia-review-order__item-qty{
  font-weight:700;
  color:#475467;
  white-space:nowrap;
}
.woocommerce-checkout .woopedia-review-order__item-total{
  text-align:right;
  white-space:nowrap;
  font-weight:700;
  color:#111827;
  font-size:14px;
}
.woocommerce-checkout .woopedia-review-order__totals{
  margin-top:0;
}
.woocommerce-checkout .woopedia-review-order__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid #e5e7eb;
}
.woocommerce-checkout .woopedia-review-order__label{
  font-weight:700;
  color:#111827;
  font-size:15px;
  line-height:1.4;
}
.woocommerce-checkout .woopedia-review-order__value{
  text-align:right;
  white-space:nowrap;
  font-weight:700;
  color:#111827;
  font-size:15px;
  padding-right:2px;
}
.woocommerce-checkout .woopedia-review-order__shipping{
  padding:14px 0;
  border-bottom:1px solid #e5e7eb;
}
.woocommerce-checkout .woopedia-review-order__shipping-title{
  margin:0 0 12px;
  font-weight:700;
  color:#111827;
  font-size:15px;
}
.woocommerce-checkout .woopedia-review-order__shipping-body{
  width:100%;
}
.woocommerce-checkout .woopedia-review-order__shipping-body p{
  margin:0;
  color:#667085;
  font-size:14px;
  line-height:1.5;
}
.woocommerce-checkout .woopedia-review-order__shipping-body ul.woocommerce-shipping-methods{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.woocommerce-checkout .woopedia-review-order__shipping-body ul.woocommerce-shipping-methods li{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  padding:12px 14px;
  border:1px solid #dbe3ec;
  border-radius:14px;
  background:#fff;
  box-sizing:border-box;
  width:100%;
}
.woocommerce-checkout .woopedia-review-order__shipping-body ul.woocommerce-shipping-methods li input[type="radio"]{
  margin:0;
  flex:0 0 auto;
  accent-color:#10b759;
}
.woocommerce-checkout .woopedia-review-order__shipping-body ul.woocommerce-shipping-methods li label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  margin:0;
  min-width:0;
  font-weight:600;
  color:#111827;
  font-size:14px;
  line-height:1.45;
}
.woocommerce-checkout .woopedia-review-order__shipping-body ul.woocommerce-shipping-methods li label .amount,
.woocommerce-checkout .woopedia-review-order__shipping-body ul.woocommerce-shipping-methods li label .woocommerce-Price-amount{
  margin-left:auto;
  white-space:nowrap;
  flex:0 0 auto;
  font-weight:700;
}
.woocommerce-checkout .woopedia-review-order__shipping-body ul.woocommerce-shipping-methods li:has(input[type="radio"]:checked){
  border-color:#10b759;
  background:#f6fff9;
}
.woocommerce-checkout .woopedia-review-order__row--total{
  border-bottom:0;
  padding-bottom:4px;
}
.woocommerce-checkout .woopedia-review-order__row--total .woopedia-review-order__label,
.woocommerce-checkout .woopedia-review-order__row--total .woopedia-review-order__value{
  font-size:16px;
  font-weight:800;
}
/* jarak antara card Ringkasan dan card Catatan */
.woocommerce-checkout .woopedia-checkout__notes-card{
  margin-top:24px !important;
}

/* kalau masih nempel, paksa wrapper sidebar stack dengan jarak */
.woocommerce-checkout .woopedia-checkout__sidebar{
  display:flex !important;
  flex-direction:column !important;
  gap:24px !important;
}

/* matikan margin/gap lama yang bisa konflik */
.woocommerce-checkout .woopedia-checkout__summary-card{
  margin-bottom:0 !important;
}

.woocommerce-checkout .woopedia-checkout__notes-card{
  transform:none !important;
  position:relative !important;
  top:auto !important;
}

.woopedia-checkout-cart__qty{
  display:flex;
  align-items:center;
  gap:8px;
}

.woopedia-remove-item{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border:1px solid #dbe3ec;
  border-radius:999px;
  background:#fff;
  text-decoration:none;
  font-size:15px;
  line-height:1;
}

.woopedia-remove-item:hover{
  background:#fff1f2;
  border-color:#f43f5e;
}

.woopedia-checkout-cart__actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.woopedia-checkout-cart__qty{
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid #dbe3ec;
  border-radius:999px;
  padding:0 12px;
  min-height:38px;
}

.woopedia-remove-item{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid #dbe3ec;
  background:#fff;
  text-decoration:none;
  font-size:15px;
  line-height:1;
}

.woopedia-remove-item:hover{
  background:#fff1f2;
  border-color:#f43f5e;
}
.woopedia-review-order--empty .woopedia-review-order__empty-note{
  margin-top:14px;
  font-size:14px;
  color:#667085;
}

/* Wrapper password field */
.woocommerce form .password-input,
.woocommerce form .form-row .password-input {
    position: relative;
}

/* Input password kasih ruang kanan */
.woocommerce form .password-input input {
    padding-right: 40px;
}

/* Icon mata */
.woocommerce form .show-password-input {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
    font-size: 16px;
}

/* Pastikan tidak turun ke bawah */
.woocommerce form .show-password-input::after {
    margin: 0;
}

/* Hapus icon default */
.woocommerce form .show-password-input::after {
    content: '';
}

/* Pakai icon SVG mata */
.woocommerce form .show-password-input {
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml;utf8,<svg fill='%23666' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 5c-7 0-11 7-11 7s4 7 11 7 11-7 11-7-4-7-11-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-8a3 3 0 1 0 0 6 3 3 0 0 0 0-6z'/></svg>") no-repeat center;
    background-size: contain;
}


/* Saat password terlihat (toggle aktif) */
.woocommerce form .show-password-input.display-password {
    background: url("data:image/svg+xml;utf8,<svg fill='%23666' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M2 5l17 17M10.6 10.6A3 3 0 0 0 13.4 13.4M9.9 5.1A10.9 10.9 0 0 1 12 5c7 0 11 7 11 7a21.8 21.8 0 0 1-5.1 5.9M6.1 6.1A21.8 21.8 0 0 0 1 12s4 7 11 7a10.9 10.9 0 0 0 2.1-.2'/></svg>") no-repeat center;
    background-size: contain;
}

/* wrapper password */
.woocommerce form .password-input,
.woocommerce form .form-row .password-input {
    position: relative;
}

.woocommerce form .password-input input {
    padding-right: 42px;
}

/* tombol icon */
.woocommerce form .show-password-input {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    cursor: pointer;
    z-index: 3;
}

/* matikan icon font bawaan */
.woocommerce form .show-password-input::after {
    content: none !important;
    display: none !important;
}

/* icon mata */
.woocommerce form .show-password-input {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z'/><circle cx='12' cy='12' r='3'/></svg>") !important;
}

/* icon saat password terlihat */
.woocommerce form .show-password-input.display-password {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17.94 17.94A10.94 10.94 0 0 1 12 19c-7 0-11-7-11-7a21.77 21.77 0 0 1 5.06-5.94'/><path d='M9.9 4.24A10.93 10.93 0 0 1 12 4c7 0 11 8 11 8a21.8 21.8 0 0 1-3.17 4.19'/><path d='M1 1l22 22'/><path d='M10.58 10.58A2 2 0 1 0 13.41 13.41'/></svg>") !important;
}
/* Saved address summary */
.woocommerce-checkout .woopedia-saved-address{
    margin-bottom:18px;
    padding:20px;
    border:1px solid #edf0f5;
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 30px rgba(16,24,40,.04);
}
.woocommerce-checkout .woopedia-saved-address__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.woocommerce-checkout .woopedia-saved-address__eyebrow{
    font-size:12px;
    line-height:1.3;
    font-weight:800;
    text-transform:uppercase;
    color:#69768b;
}
.woocommerce-checkout .woopedia-saved-address__action{
    border:1px solid #b9c4d6;
    background:#fff;
    color:#6a778c;
    min-height:36px;
    border-radius:10px;
    padding:0 16px;
    font-weight:700;
    cursor:pointer;
}
.woocommerce-checkout .woopedia-saved-address__name{
    font-size:18px;
    line-height:1.4;
    font-weight:800;
    color:#0f172a;
    margin-bottom:6px;
}
.woocommerce-checkout .woopedia-saved-address__text{
    font-size:15px;
    line-height:1.7;
    color:#1f2937;
}
.woocommerce-checkout .woopedia-address-actions{
    margin-top:16px;
}
.woocommerce-checkout .woopedia-address-actions__save{
    width:100%;
    min-height:48px;
    border-radius:14px;
    font-weight:800;
}


/* Mobile sticky checkout bar */
@media (max-width: 767px) {
    body.woocommerce-checkout {
        padding-bottom: calc(84px + env(safe-area-inset-bottom));
    }

    .woocommerce-checkout .woopedia-checkout__sidebar {
        padding-bottom: 8px;
    }

    .woocommerce-checkout .woocommerce-checkout-payment {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .woocommerce-checkout .place-order,
    .woocommerce-checkout #place_order {
        margin-bottom: 0;
    }

    .woocommerce-checkout .place-order {
        display: none !important;
    }

    .woopedia-sticky-checkout-bar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
        background: #ffffff;
        box-shadow: 0 -6px 18px rgba(15, 23, 42, 0.10);
    }

    .woopedia-sticky-checkout-bar__total {
        min-width: 96px;
        max-width: 40%;
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .woopedia-sticky-checkout-bar__label {
        font-size: 11px;
        line-height: 1.2;
        font-weight: 700;
        color: #6b7280;
    }

    .woopedia-sticky-checkout-bar__amount,
    .woopedia-sticky-checkout-bar__amount .amount,
    .woopedia-sticky-checkout-bar__amount .woocommerce-Price-amount {
        font-size: 16px;
        line-height: 1.1;
        font-weight: 800;
        color: #111827;
    }

    .woopedia-sticky-checkout-bar__button {
        flex: 1 1 auto;
        min-height: 44px;
        border: 0;
        border-radius: 16px;
        background: #08b15a;
        color: #ffffff;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 0.02em;
        cursor: pointer;
    }

    .woopedia-sticky-checkout-bar__button.is-disabled,
    .woopedia-sticky-checkout-bar__button:disabled {
        opacity: 0.65;
        cursor: not-allowed;
    }
}

@media (min-width: 768px) {
    .woopedia-sticky-checkout-bar {
        display: none !important;
    }
}

/* =========================
   THANK YOU PAGE PAYMENT CARD
   ========================= */
.woopedia-thankyou {
    max-width: 760px;
    margin: 24px auto 48px;
    padding: 0 16px;
}

.woopedia-thankyou-card,
.woopedia-thankyou-panel {
    background: #fff;
    border: 1px solid #d9e1eb;
    border-radius: 28px;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.05);
}

.woopedia-thankyou-card {
    overflow: hidden;
}

.woopedia-thankyou-card__header,
.woopedia-thankyou-card__body,
.woopedia-thankyou-panel__head,
.woopedia-thankyou-panel__body {
    padding: 28px 32px;
}

.woopedia-thankyou-card__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 18px;
    border-bottom: 1px solid #edf2f7;
}

.woopedia-thankyou-card__header-main {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.woopedia-thankyou-card__icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f8c301;
    color: #ffffff;
    flex: 0 0 auto;
}

.woopedia-thankyou-card__icon svg {
    width: 28px;
    height: 28px;
}

.woopedia-thankyou-card__title {
    margin: 0;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 800;
    color: #3a3f4a;
}

.woopedia-thankyou-card__subtitle {
    margin-top: 6px;
    font-size: 18px;
    color: #4b5563;
}

.woopedia-thankyou-card__pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 16px;
    border-radius: 999px;
    background: #fff3f6;
    color: #d6336c;
    font-size: 16px;
    font-weight: 800;
    white-space: nowrap;
    justify-self: end;
}

.woopedia-thankyou-card__pill.is-solid {
    background: #e8fff1;
    color: #0aa85f;
}

.woopedia-thankyou-card__pill svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

.woopedia-thankyou-info-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 22px 0;
    border-bottom: 1px solid #edf2f7;
}

.woopedia-thankyou-info-row:first-child {
    padding-top: 0;
}

.woopedia-thankyou-info-row:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}

.woopedia-thankyou-info-row__left {
    min-width: 0;
}

.woopedia-thankyou-info-row__label {
    margin-bottom: 8px;
    font-size: 17px;
    color: #4b5563;
}

.woopedia-thankyou-info-row__value-wrap {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 100%;
}

.woopedia-thankyou-info-row__value,
.woopedia-thankyou-info-row__value .amount,
.woopedia-thankyou-info-row__value .woocommerce-Price-amount {
    font-size: 28px;
    line-height: 1.15;
    font-weight: 800;
    color: #3a3f4a;
    word-break: normal;
    overflow-wrap: anywhere;
}

#woopedia-copy-account,
#woopedia-copy-total {
    display: inline-block;
    max-width: 100%;
}

.woopedia-thankyou-info-row__meta {
    margin-top: 8px;
    font-size: 15px;
    color: #6b7280;
}

.woopedia-thankyou-bank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    padding: 10px 14px;
    border-radius: 14px;
    background: #f7fafc;
    font-size: 16px;
    font-weight: 800;
    color: #12477e;
    text-transform: uppercase;
}

.woopedia-copy-btn,
.woopedia-thankyou-link-btn {
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.woopedia-copy-btn {
    width: 28px;
    height: 28px;
    color: #12b76a;
    flex: 0 0 auto;
}

.woopedia-copy-btn svg {
    width: 100%;
    height: 100%;
}

.woopedia-thankyou-link-btn {
    color: #10b062;
    font-size: 16px;
    font-weight: 800;
    align-self: center;
}

.woopedia-thankyou-notes {
    margin: 18px 0 0;
    padding: 20px 0 0 24px;
    border-top: 1px solid #edf2f7;
}

.woopedia-thankyou-notes li {
    margin: 0 0 10px;
    color: #4b5563;
    font-size: 16px;
    line-height: 1.55;
}

.woopedia-thankyou-notes li::marker {
    color: #8b95a7;
}

.woopedia-thankyou-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 24px;
}

.woopedia-thankyou-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    border-radius: 18px;
    padding: 0 18px;
    font-size: 17px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

.woopedia-thankyou-btn--outline {
    border: 2px solid #11b768;
    color: #10a95f;
    background: #fff;
}

.woopedia-thankyou-btn--primary {
    border: 2px solid #11b768;
    background: #11b768;
    color: #fff;
}

.woopedia-thankyou-panel {
    margin-top: 18px;
}

.woopedia-thankyou-panel.is-hidden {
    display: none;
}

.woopedia-thankyou-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #edf2f7;
}

.woopedia-thankyou-panel__head h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    color: #374151;
}

.woopedia-thankyou-panel__close {
    border: 0;
    background: transparent;
    font-size: 30px;
    line-height: 1;
    color: #64748b;
    cursor: pointer;
}

.woopedia-thankyou-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.woopedia-thankyou-detail-item {
    padding: 16px 18px;
    border-radius: 18px;
    background: #f8fafc;
}

.woopedia-thankyou-detail-item span {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.woopedia-thankyou-detail-item strong {
    font-size: 16px;
    line-height: 1.5;
    color: #0f172a;
}

.woopedia-thankyou-address-box {
    margin-top: 18px;
    padding: 18px 20px;
    border-radius: 20px;
    background: #f8fafc;
}

.woopedia-thankyou-address-box__label {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.woopedia-thankyou-address-box__value {
    font-size: 16px;
    line-height: 1.7;
    color: #1f2937;
}

.woopedia-thankyou-steps {
    margin: 0;
    padding-left: 22px;
}

.woopedia-thankyou-steps li {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.65;
    color: #374151;
}

.woopedia-thankyou-extra-instructions {
    margin-top: 20px;
    padding: 18px 20px;
    border-radius: 18px;
    background: #f8fafc;
    color: #475569;
}

.woopedia-copy-toast {
    position: fixed;
    left: 50%;
    bottom: 28px;
    transform: translateX(-50%) translateY(12px);
    z-index: 99999;
    min-width: 140px;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.96);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
}

.woopedia-copy-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.woopedia-thankyou--empty {
    max-width: 560px;
}

.woopedia-thankyou-card__desc {
    margin: 10px 0 0;
    color: #64748b;
}

@media (max-width: 767px) {
    .woopedia-thankyou {
        margin: 16px auto 32px;
        padding: 0 12px;
    }

    .woopedia-thankyou-card,
    .woopedia-thankyou-panel {
        border-radius: 22px;
    }

    .woopedia-thankyou-card__header,
    .woopedia-thankyou-card__body,
    .woopedia-thankyou-panel__head,
    .woopedia-thankyou-panel__body {
        padding: 18px 18px;
    }

    .woopedia-thankyou-card__header {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .woopedia-thankyou-card__header-main {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
    }

    .woopedia-thankyou-card__icon {
        width: 46px;
        height: 46px;
    }

    .woopedia-thankyou-card__icon svg {
        width: 22px;
        height: 22px;
    }

    .woopedia-thankyou-card__title {
        font-size: 22px;
    }

    .woopedia-thankyou-card__subtitle {
        font-size: 15px;
        line-height: 1.4;
    }

    .woopedia-thankyou-card__pill {
        justify-self: start;
        min-height: 38px;
        padding: 0 12px;
        font-size: 13px;
        gap: 8px;
    }

    .woopedia-thankyou-card__pill svg {
        width: 16px;
        height: 16px;
    }

    .woopedia-thankyou-info-row {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 18px 0;
    }

    .woopedia-thankyou-info-row--total {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .woopedia-thankyou-info-row__label {
        margin-bottom: 6px;
        font-size: 15px;
    }

    .woopedia-thankyou-info-row__value,
    .woopedia-thankyou-info-row__value .amount,
    .woopedia-thankyou-info-row__value .woocommerce-Price-amount {
        font-size: 18px;
        line-height: 1.25;
    }

    .woopedia-thankyou-info-row__meta {
        font-size: 14px;
    }

    .woopedia-thankyou-bank {
        min-width: 72px;
        padding: 8px 12px;
        border-radius: 12px;
        font-size: 14px;
        align-self: start;
    }

    .woopedia-copy-btn {
        width: 22px;
        height: 22px;
    }

    .woopedia-thankyou-link-btn {
        font-size: 14px;
        align-self: end;
    }

    .woopedia-thankyou-notes {
        margin-top: 14px;
        padding-top: 16px;
        padding-left: 18px;
    }

    .woopedia-thankyou-notes li {
        font-size: 14px;
        line-height: 1.55;
    }

    .woopedia-thankyou-actions,
    .woopedia-thankyou-actions--single {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 18px;
    }

    .woopedia-thankyou-btn {
        min-height: 48px;
        border-radius: 14px;
        padding: 0 12px;
        font-size: 14px;
        line-height: 1.25;
    }

    .woopedia-thankyou-detail-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .woopedia-thankyou-detail-item {
        padding: 14px 16px;
        border-radius: 16px;
    }

    .woopedia-thankyou-address-box {
        padding: 16px;
        border-radius: 16px;
    }

    .woopedia-copy-toast {
        bottom: 18px;
    }
}



/* Thank you page compact topbar and header refinements */
.woopedia-thankyou-topbar {
    max-width: 760px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.woopedia-thankyou-topbar__title {
    margin: 0;
    font-size: 32px;
    line-height: 1.15;
    font-weight: 800;
    color: #24324a;
}

.woopedia-thankyou-card__pill--top {
    margin-left: auto;
    flex-shrink: 0;
}

.woopedia-thankyou-card__header {
    align-items: center;
}

.woopedia-thankyou-card__header-main {
    align-items: center;
    gap: 16px;
}

.woopedia-thankyou-card__header-copy {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.woopedia-thankyou-card__title {
    font-size: 28px;
    line-height: 1.1;
    margin: 0;
    letter-spacing: -0.01em;
}

.woopedia-thankyou-card__subtitle {
    font-size: 18px;
    line-height: 1.35;
    margin: 0;
}

@media (max-width: 767px) {
    .woopedia-thankyou-topbar {
        margin-bottom: 10px;
        gap: 10px;
    }

    .woopedia-thankyou-topbar__title {
        font-size: 17px;
        line-height: 1.2;
    }

    .woopedia-thankyou-card__pill--top {
        padding: 8px 10px;
        border-radius: 999px;
    }

    .woopedia-thankyou-card__pill--top svg {
        width: 14px;
        height: 14px;
    }

    .woopedia-thankyou-card__pill--top .woopedia-thankyou-card__pill-value {
        font-size: 13px;
        line-height: 1;
        letter-spacing: .02em;
    }

    .woopedia-thankyou-card__header {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .woopedia-thankyou-card__header-main {
        gap: 12px;
        width: 100%;
    }

    .woopedia-thankyou-card__icon {
        width: 48px;
        height: 48px;
        flex: 0 0 48px;
    }

    .woopedia-thankyou-card__icon svg {
        width: 21px;
        height: 21px;
    }

    .woopedia-thankyou-card__header-copy {
        gap: 4px;
    }

    .woopedia-thankyou-card__title {
        font-size: 16px;
        line-height: 1.2;
    }

    .woopedia-thankyou-card__subtitle {
        font-size: 13px;
        line-height: 1.45;
    }

    .woopedia-thankyou-card__header .woopedia-thankyou-card__pill:not(.woopedia-thankyou-card__pill--top) {
        margin-left: auto;
    }
}


/* Thank you page refinements v3 */
.woopedia-thankyou-topbar {
    margin-bottom: 12px;
}
.woopedia-thankyou-topbar__title {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
    color: #152238;
}
.woopedia-thankyou-card,
.woopedia-thankyou-panel {
    border-radius: 24px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
}
.woopedia-thankyou-card__header,
.woopedia-thankyou-card__body,
.woopedia-thankyou-panel__head,
.woopedia-thankyou-panel__body {
    padding: 22px 24px;
}
.woopedia-thankyou-card__header {
    grid-template-columns: 1fr;
    gap: 0;
}
.woopedia-thankyou-card__header-main {
    grid-template-columns: 50px minmax(0,1fr);
    gap: 14px;
    align-items: center;
}
.woopedia-thankyou-card__header-copy {
    gap: 2px;
}
.woopedia-thankyou-card__icon {
    width: 50px;
    height: 50px;
}
.woopedia-thankyou-card__icon svg {
    width: 22px;
    height: 22px;
}
.woopedia-thankyou-card__title {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    color: #1f2d3d;
}
.woopedia-thankyou-card__subtitle {
    font-size: 13px;
    line-height: 1.55;
    color: #526072;
}
.woopedia-thankyou-card__pill--inline {
    justify-self: start;
    align-self: start;
    margin-top: 8px;
    min-height: 34px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
}
.woopedia-thankyou-card__pill--inline svg {
    width: 15px;
    height: 15px;
}
.woopedia-thankyou-info-row {
    gap: 16px;
    padding: 18px 0;
}
.woopedia-thankyou-info-row__label {
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 1.45;
    color: #526072;
}
.woopedia-thankyou-info-row__value,
.woopedia-thankyou-info-row__value .amount,
.woopedia-thankyou-info-row__value .woocommerce-Price-amount {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
    color: #1f2d3d;
    white-space: nowrap;
}
#woopedia-copy-account,
#woopedia-copy-total {
    white-space: nowrap;
}
.woopedia-thankyou-info-row__meta {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.45;
}
.woopedia-thankyou-bank {
    min-width: 88px;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f5f7fa;
    color: #0f3b75;
}
.woopedia-thankyou-bank img {
    display: block;
    max-width: 72px;
    max-height: 24px;
    width: auto;
    height: auto;
    object-fit: contain;
}
.woopedia-copy-btn {
    width: 20px;
    height: 20px;
}
.woopedia-thankyou-link-btn {
    font-size: 14px;
    font-weight: 700;
}
.woopedia-thankyou-notes {
    margin-top: 12px;
    padding-top: 14px;
    padding-left: 18px;
}
.woopedia-thankyou-notes li {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.65;
}
.woopedia-thankyou-actions--stack {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 18px;
}
.woopedia-thankyou-btn {
    width: 100%;
    min-height: 46px;
    border-radius: 14px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
}
@media (max-width: 767px) {
    .woopedia-thankyou {
        margin: 14px auto 28px;
        padding: 0 14px;
    }
    .woopedia-thankyou-topbar__title {
        font-size: 15px;
    }
    .woopedia-thankyou-card,
    .woopedia-thankyou-panel {
        border-radius: 20px;
    }
    .woopedia-thankyou-card__header,
    .woopedia-thankyou-card__body,
    .woopedia-thankyou-panel__head,
    .woopedia-thankyou-panel__body {
        padding: 18px 18px;
    }
    .woopedia-thankyou-card__header-main {
        grid-template-columns: 42px minmax(0,1fr);
        gap: 12px;
        align-items: center;
    }
    .woopedia-thankyou-card__icon {
        width: 42px;
        height: 42px;
    }
    .woopedia-thankyou-card__icon svg {
        width: 18px;
        height: 18px;
    }
    .woopedia-thankyou-card__title {
        font-size: 15px;
        white-space: nowrap;
    }
    .woopedia-thankyou-card__subtitle {
        font-size: 12px;
    }
    .woopedia-thankyou-card__pill--inline {
        min-height: 30px;
        padding: 0 10px;
        font-size: 12px;
        margin-top: 6px;
    }
    .woopedia-thankyou-card__pill--inline svg {
        width: 14px;
        height: 14px;
    }
    .woopedia-thankyou-info-row {
        gap: 10px;
        padding: 16px 0;
    }
    .woopedia-thankyou-info-row--total {
        grid-template-columns: minmax(0,1fr) auto;
        align-items: center;
    }
    .woopedia-thankyou-info-row__label {
        font-size: 12px;
        margin-bottom: 4px;
    }
    .woopedia-thankyou-info-row__value,
    .woopedia-thankyou-info-row__value .amount,
    .woopedia-thankyou-info-row__value .woocommerce-Price-amount {
        font-size: 16px;
    }
    .woopedia-thankyou-bank {
        min-width: 76px;
        min-height: 36px;
        padding: 7px 10px;
        font-size: 13px;
    }
    .woopedia-thankyou-bank img {
        max-width: 64px;
        max-height: 20px;
    }
    .woopedia-thankyou-link-btn {
        font-size: 13px;
    }
    .woopedia-thankyou-notes li {
        font-size: 13px;
    }
    .woopedia-thankyou-btn {
        min-height: 42px;
        font-size: 13px;
        border-radius: 12px;
    }
}


/* Thank you detail email overflow fix */
.woopedia-thankyou-detail-grid {
    align-items: stretch;
}

.woopedia-thankyou-detail-item {
    min-width: 0;
    overflow: hidden;
}

.woopedia-thankyou-detail-item strong {
    display: block;
    max-width: 100%;
}

.woopedia-thankyou-detail-item--email {
    grid-column: span 2;
}

.woopedia-thankyou-detail-email {
    display: block;
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

@media (max-width: 767px) {
    .woopedia-thankyou-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .woopedia-thankyou-detail-item {
        padding: 14px 16px;
    }

    .woopedia-thankyou-detail-item span {
        font-size: 11px;
        margin-bottom: 6px;
    }

    .woopedia-thankyou-detail-item strong {
        font-size: 13px;
        line-height: 1.5;
    }

    .woopedia-thankyou-detail-item--email {
        grid-column: 1 / -1;
    }

    .woopedia-thankyou-detail-email {
        font-size: 13px;
        line-height: 1.45;
    }
}


/* =========================
   PREMIUM MY ACCOUNT
   ========================= */
.woocommerce-account .woocommerce {
    padding: 16px;
}

.woopedia-account-shell {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.woopedia-account-hero {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(135deg, #f1fff7 0%, #ffffff 100%);
    border: 1px solid #dff5e8;
    box-shadow: 0 10px 24px rgba(16, 183, 89, 0.08);
}

.woopedia-account-hero__avatar {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    background: #10b759;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    flex: 0 0 52px;
}

.woopedia-account-hero__eyebrow {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #6b7280;
}

.woopedia-account-hero__title {
    margin: 0;
    font-size: 24px;
    line-height: 1.15;
    color: #1f2937;
    font-weight: 800;
}

.woopedia-account-hero__meta {
    margin-top: 6px;
    font-size: 14px;
    color: #6b7280;
    overflow-wrap: anywhere;
}

.woopedia-account-layout {
    display: grid;
    gap: 16px;
}

.woopedia-account-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.woopedia-account-nav__item {
    margin: 0;
}

.woopedia-account-nav__link {
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 14px 12px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #e6eef4;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    color: #334155;
    transition: .2s ease;
}

.woopedia-account-nav__link.is-active {
    background: #10b759;
    border-color: #10b759;
    color: #ffffff;
    box-shadow: 0 12px 26px rgba(16, 183, 89, 0.22);
}

.woopedia-account-panel,
.woopedia-account-form__section,
.woocommerce-account .woocommerce-MyAccount-content > p,
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-Address,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
    background: #ffffff;
    border: 1px solid #e6eef4;
    border-radius: 22px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.woopedia-account-panel {
    padding: 16px;
}

.woopedia-account-dashboard__intro {
    padding: 2px 2px 18px;
}

.woopedia-account-dashboard__intro h2 {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 1.15;
    color: #1f2937;
}

.woopedia-account-dashboard__intro p {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: #6b7280;
}

.woopedia-account-quickgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.woopedia-account-quickcard {
    display: block;
    padding: 16px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #edf2f7;
}

.woopedia-account-quickcard strong {
    display: block;
    font-size: 15px;
    line-height: 1.35;
    color: #1f2937;
    margin-bottom: 6px;
}

.woopedia-account-quickcard span {
    display: block;
    font-size: 13px;
    line-height: 1.55;
    color: #6b7280;
}

.woopedia-account-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.woopedia-account-form__section {
    padding: 18px;
}

.woopedia-account-form__section-head {
    margin-bottom: 16px;
}

.woopedia-account-form__section-head h2 {
    margin: 0 0 6px;
    font-size: 20px;
    line-height: 1.2;
    color: #1f2937;
}

.woopedia-account-form__section-head p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #6b7280;
}

.woopedia-account-form__grid,
.woopedia-account-form__stack {
    display: grid;
    gap: 14px;
}

.woopedia-account-form .form-row {
    margin: 0;
    width: 100%;
}

.woopedia-account-form label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #334155;
}

.woopedia-account-form input.input-text,
.woopedia-account-form input[type="email"],
.woopedia-account-form input[type="password"],
.woocommerce-account textarea,
.woocommerce-account select {
    width: 100%;
    min-height: 50px;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid #d7e1ea;
    background: #ffffff;
    box-shadow: none;
    font-size: 15px;
    color: #0f172a;
}

.woopedia-account-form .password-input {
    position: relative;
    display: block;
}

.woopedia-field-hint {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.5;
    color: #6b7280;
}

.woopedia-account-form__actions {
    display: flex;
    justify-content: stretch;
}

.woopedia-account-submit,
.woocommerce-account .button,
.woocommerce-account .woocommerce-Button.button {
    width: 100%;
    min-height: 52px;
    border: 0;
    border-radius: 16px;
    background: #10b759;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    box-shadow: none;
}

.woocommerce-account .woocommerce-MyAccount-content > p,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
    padding: 16px 18px;
    font-size: 14px;
    line-height: 1.65;
    color: #475569;
}

.woocommerce-account .woocommerce-Address,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
.woocommerce-account .woocommerce-orders-table {
    padding: 16px;
    overflow: hidden;
}

.woocommerce-account table.shop_table {
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
    padding: 12px 10px;
    border-top: 1px solid #edf2f7;
    font-size: 14px;
    line-height: 1.5;
    vertical-align: top;
}

.woocommerce-account table.shop_table thead th {
    border-top: 0;
    color: #64748b;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.woocommerce-account .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.woocommerce-account .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-column__title {
    margin: 0;
    font-size: 18px;
    color: #1f2937;
}

.woocommerce-account address {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #475569;
}

@media (min-width: 768px) {
    .woopedia-account-layout {
        grid-template-columns: 260px minmax(0, 1fr);
        align-items: start;
    }

    .woopedia-account-nav__list {
        grid-template-columns: 1fr;
    }

    .woopedia-account-panel {
        padding: 22px;
    }

    .woopedia-account-form__grid {
        grid-template-columns: 1fr 1fr;
    }

    .woopedia-account-form__grid .form-row-wide {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .woocommerce-account .woocommerce {
        padding: 14px;
    }

    .woopedia-account-hero {
        padding: 16px;
        border-radius: 20px;
    }

    .woopedia-account-hero__title {
        font-size: 22px;
    }

    .woopedia-account-nav__list {
        grid-template-columns: 1fr 1fr;
    }

    .woopedia-account-nav__link {
        min-height: 60px;
        border-radius: 16px;
        font-size: 13px;
    }

    .woopedia-account-quickgrid {
        grid-template-columns: 1fr;
    }

    .woopedia-account-form__section {
        padding: 16px;
        border-radius: 20px;
    }
}


/* =========================
   MY ACCOUNT COMPACT FIX
   ========================= */
.woocommerce-account .woocommerce {
    padding: 12px !important;
}

.woopedia-account-shell {
    gap: 12px !important;
}

.woopedia-account-hero {
    padding: 14px !important;
    border-radius: 18px !important;
    gap: 12px !important;
}

.woopedia-account-hero__avatar {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 14px !important;
    font-size: 18px !important;
}

.woopedia-account-hero__eyebrow {
    font-size: 11px !important;
}

.woopedia-account-hero__title {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

.woopedia-account-hero__meta {
    margin-top: 4px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.woopedia-account-layout {
    display: block !important;
}

.woopedia-account-layout__nav,
.woopedia-account-layout__content {
    width: 100% !important;
    min-width: 0 !important;
}

.woopedia-account-layout__content {
    margin-top: 12px !important;
}

.woopedia-account-nav__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.woopedia-account-nav__link {
    min-height: 52px !important;
    padding: 12px 10px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
}

.woopedia-account-panel,
.woopedia-account-form__section,
.woocommerce-account .woocommerce-MyAccount-content > p,
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-Address,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
    border-radius: 18px !important;
}

.woopedia-account-panel {
    padding: 14px !important;
    overflow: hidden !important;
}

.woopedia-account-dashboard__intro {
    padding: 0 0 12px !important;
}

.woopedia-account-dashboard__intro h2 {
    font-size: 18px !important;
    line-height: 1.2 !important;
    margin: 0 0 6px !important;
    word-break: break-word !important;
}

.woopedia-account-dashboard__intro p {
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

.woopedia-account-quickgrid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

.woopedia-account-quickcard {
    padding: 14px !important;
    border-radius: 16px !important;
}

.woopedia-account-quickcard strong {
    font-size: 14px !important;
    margin-bottom: 4px !important;
}

.woopedia-account-quickcard span {
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.woopedia-account-form {
    gap: 12px !important;
}

.woopedia-account-form__section {
    padding: 14px !important;
}

.woopedia-account-form__section-head {
    margin-bottom: 12px !important;
}

.woopedia-account-form__section-head h2 {
    font-size: 17px !important;
    margin: 0 0 4px !important;
}

.woopedia-account-form__section-head p {
    font-size: 12px !important;
    line-height: 1.55 !important;
}

.woopedia-account-form__grid,
.woopedia-account-form__stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
}

.woopedia-account-form .form-row {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

.woopedia-account-form label {
    font-size: 13px !important;
    margin-bottom: 6px !important;
}

.woopedia-account-form input.input-text,
.woopedia-account-form input[type="email"],
.woopedia-account-form input[type="password"],
.woocommerce-account textarea,
.woocommerce-account select {
    min-height: 46px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
}

.woopedia-field-hint {
    font-size: 11px !important;
    margin-top: 6px !important;
}

.woopedia-account-submit,
.woocommerce-account .button,
.woocommerce-account .woocommerce-Button.button {
    min-height: 46px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    padding: 0 14px !important;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
    padding: 10px 8px !important;
    font-size: 12px !important;
    word-break: break-word !important;
}

.woocommerce-account address {
    font-size: 13px !important;
}

@media (min-width: 1024px) {
    .woopedia-account-layout {
        display: grid !important;
        grid-template-columns: 220px minmax(0, 1fr) !important;
        gap: 16px !important;
        align-items: start !important;
    }

    .woopedia-account-layout__content {
        margin-top: 0 !important;
    }

    .woopedia-account-nav__list {
        grid-template-columns: 1fr !important;
    }

    .woopedia-account-quickgrid {
        grid-template-columns: 1fr 1fr !important;
    }

    .woopedia-account-form__grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .woopedia-account-form__grid .form-row-wide {
        grid-column: 1 / -1 !important;
    }
}


/* =========================
   MY ACCOUNT ORDERS RESPONSIVE FIX
   ========================= */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 12px !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    min-width: 0 !important;
}

.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-content .shop_table,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
    width: 100% !important;
    table-layout: fixed !important;
}

.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 1023px) {
    .woopedia-account-layout {
        display: block !important;
    }

    .woopedia-account-layout__nav,
    .woopedia-account-layout__content,
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        max-width: 100% !important;
    }

    .woopedia-account-layout__content,
    .woocommerce-account .woocommerce-MyAccount-content {
        margin-top: 12px !important;
    }

    .woocommerce-account .woocommerce-orders-table thead,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table thead {
        display: none !important;
    }

    .woocommerce-account .woocommerce-orders-table,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table,
    .woocommerce-account .woocommerce-orders-table tbody,
    .woocommerce-account .woocommerce-orders-table tr,
    .woocommerce-account .woocommerce-orders-table td,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table tr,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
        display: block !important;
        width: 100% !important;
    }

    .woocommerce-account .woocommerce-orders-table tr,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table tr {
        margin-bottom: 12px !important;
        padding: 14px !important;
        background: #ffffff !important;
        border: 1px solid #e6eef4 !important;
        border-radius: 16px !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04) !important;
    }

    .woocommerce-account .woocommerce-orders-table td,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
        position: relative !important;
        border: 0 !important;
        padding: 8px 0 8px 112px !important;
        min-height: 24px !important;
        text-align: left !important;
    }

    .woocommerce-account .woocommerce-orders-table td:before,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table td:before {
        content: attr(data-title) !important;
        position: absolute !important;
        left: 0 !important;
        top: 8px !important;
        width: 96px !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: .04em !important;
        color: #64748b !important;
        white-space: normal !important;
    }

    .woocommerce-account .woocommerce-orders-table td:last-child,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table td:last-child {
        padding-bottom: 0 !important;
    }

    .woocommerce-account .woocommerce-orders-table .button,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table .button {
        width: 100% !important;
        min-height: 42px !important;
        margin-top: 6px !important;
        font-size: 13px !important;
        border-radius: 12px !important;
    }
}

@media (min-width: 1024px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 220px !important;
        float: left !important;
        margin-bottom: 0 !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: calc(100% - 236px) !important;
        float: right !important;
    }
}


/* =========================
   MY ACCOUNT MOBILE STACK FINAL FIX
   ========================= */
@media (max-width: 767px) {
    .woopedia-account-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    .woopedia-account-layout__nav,
    .woopedia-account-layout__content,
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        clear: both !important;
    }

    .woopedia-account-layout__content,
    .woocommerce-account .woocommerce-MyAccount-content {
        order: 2 !important;
        margin-top: 0 !important;
    }

    .woopedia-account-layout__nav,
    .woocommerce-account .woocommerce-MyAccount-navigation {
        order: 1 !important;
        margin-bottom: 0 !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content > *,
    .woopedia-account-panel,
    .woocommerce-account .woocommerce-orders-table,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table {
        width: 100% !important;
        max-width: 100% !important;
    }

    .woocommerce-account .woocommerce-orders-table tr,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table tr {
        margin-bottom: 10px !important;
    }
}


/* =========================
   MY ACCOUNT FORCE SINGLE COLUMN
   ========================= */
.woocommerce-account .woopedia-account-layout {
    display: block !important;
}

.woocommerce-account .woopedia-account-layout__nav,
.woocommerce-account .woopedia-account-layout__content,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    clear: both !important;
}

.woocommerce-account .woopedia-account-layout__content,
.woocommerce-account .woocommerce-MyAccount-content {
    margin-top: 14px !important;
}

.woocommerce-account .woopedia-account-panel,
.woocommerce-account .woocommerce-MyAccount-content > *,
.woocommerce-account .woopedia-account-dashboard,
.woocommerce-account .woopedia-account-dashboard__intro,
.woocommerce-account .woopedia-account-quickgrid {
    width: 100% !important;
    max-width: 100% !important;
}

.woocommerce-account .woopedia-account-nav__list {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

.woocommerce-account .woopedia-account-nav__link {
    min-height: 50px !important;
}

.woocommerce-account .woopedia-account-dashboard__intro h2,
.woocommerce-account .woopedia-account-dashboard__intro p,
.woocommerce-account .woopedia-account-quickcard,
.woocommerce-account .woopedia-account-panel * {
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.woocommerce-account .woopedia-account-quickgrid {
    grid-template-columns: 1fr !important;
}

@media (min-width: 1024px) {
    .woocommerce-account .woopedia-account-layout {
        display: block !important;
    }

    .woocommerce-account .woopedia-account-layout__content,
    .woocommerce-account .woocommerce-MyAccount-content {
        margin-top: 14px !important;
    }

    .woocommerce-account .woopedia-account-nav__list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* =========================
   MARKETPLACE ORDER CARDS + REVIEWS
   ========================= */
.woopedia-orders-list {
    display: grid;
    gap: 12px;
}

.woopedia-order-card,
.woopedia-review-card,
.woopedia-review-header,
.woopedia-orders-empty,
.woopedia-review-empty {
    background: #fff;
    border: 1px solid #e6eef4;
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(15,23,42,.04);
}

.woopedia-order-card {
    padding: 14px;
}

.woopedia-order-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.woopedia-order-card__number {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
}

.woopedia-order-card__date {
    margin-top: 4px;
    font-size: 12px;
    color: #64748b;
}

.woopedia-order-card__status {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    background: #f8fafc;
    color: #334155;
}

.woopedia-order-card__status.status-processing,
.woopedia-order-card__status.status-completed {
    background: #ebfff3;
    color: #10b759;
}

.woopedia-order-card__status.status-on-hold,
.woopedia-order-card__status.status-pending {
    background: #fff7ed;
    color: #ea580c;
}

.woopedia-order-card__summary {
    display: grid;
    grid-template-columns: 1fr 84px;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
}

.woopedia-order-card__summary-item span {
    display: block;
    font-size: 11px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 4px;
}

.woopedia-order-card__summary-item strong {
    display: block;
    font-size: 14px;
    line-height: 1.45;
    color: #0f172a;
    word-break: break-word;
}

.woopedia-order-card__actions {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.woopedia-order-iconbtn {
    flex: 1;
    min-width: 0;
    min-height: 46px;
    padding: 8px 12px;
    border: 1px solid #dbe5ee;
    border-radius: 14px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.woopedia-order-iconbtn__icon {
    width: 18px;
    height: 18px;
    color: #10b759;
    display: inline-flex;
}

.woopedia-order-iconbtn__icon svg {
    width: 18px;
    height: 18px;
}

.woopedia-order-iconbtn__label {
    font-size: 13px;
    font-weight: 700;
    color: #1f2937;
}

.woopedia-orders-empty,
.woopedia-review-empty {
    padding: 18px;
}

.woopedia-orders-empty h2,
.woopedia-review-header h2 {
    margin: 0 0 6px;
    font-size: 20px;
    color: #0f172a;
}

.woopedia-orders-empty p,
.woopedia-review-header p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
}

.woopedia-review-page {
    display: grid;
    gap: 12px;
}

.woopedia-review-header {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.woopedia-review-back {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 10px 14px;
    border-radius: 12px;
    background: #f8fafc;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}

.woopedia-review-form {
    display: grid;
    gap: 12px;
}

.woopedia-review-card {
    padding: 14px;
    display: grid;
    grid-template-columns: 72px minmax(0,1fr);
    gap: 12px;
}

.woopedia-review-card__media img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 14px;
    background: #f8fafc;
}

.woopedia-review-card__title {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    color: #0f172a;
}

.woopedia-review-card__meta {
    margin-top: 4px;
    font-size: 12px;
    color: #64748b;
}

.woopedia-review-stars {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 4px;
    margin-top: 12px;
}

.woopedia-review-stars label {
    cursor: pointer;
}

.woopedia-review-stars input {
    display: none;
}

.woopedia-review-stars span {
    font-size: 22px;
    line-height: 1;
    color: #cbd5e1;
}

.woopedia-review-stars label:hover span,
.woopedia-review-stars label:hover ~ label span,
.woopedia-review-stars input:checked + span,
.woopedia-review-stars input:checked ~ label span {
    color: #f8c301;
}

.woopedia-review-card textarea {
    width: 100%;
    min-height: 96px;
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid #d7e1ea;
    border-radius: 14px;
    resize: vertical;
    font-size: 14px;
    line-height: 1.6;
    color: #0f172a;
}

.woopedia-review-actions {
    display: flex;
}

.woopedia-review-badge {
    display: inline-flex;
    margin-top: 12px;
    min-height: 30px;
    padding: 0 10px;
    align-items: center;
    border-radius: 999px;
    background: #ebfff3;
    color: #10b759;
    font-size: 12px;
    font-weight: 700;
}

.woopedia-review-readonly {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.65;
    color: #334155;
}

@media (max-width: 767px) {
    .woopedia-review-header {
        display: grid;
        justify-content: stretch;
    }

    .woopedia-review-back {
        text-align: center;
    }
}


/* =========================
   ORDER DETAILS CONFIRM BOX
   ========================= */
.woopedia-order-confirm-box {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid #e6eef4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(15,23,42,.04);
}

.woopedia-order-confirm-box__title {
    margin: 0 0 6px;
    font-size: 16px;
    line-height: 1.3;
    color: #0f172a;
}

.woopedia-order-confirm-box__text {
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
}

.woopedia-order-confirm-box__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 14px;
    background: #10b759;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .woopedia-order-confirm-box__button {
        width: 100%;
    }
}


/* =========================
   REVIEW UI POLISHED
   ========================= */
.woopedia-review-header {
    padding: 18px;
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 12px;
    align-items: start;
}

.woopedia-review-header__eyebrow {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #10b759;
}

.woopedia-review-header h2 {
    margin: 0;
    font-size: 22px;
    line-height: 1.2;
    color: #0f172a;
}

.woopedia-review-header p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.7;
    color: #64748b;
}

.woopedia-review-back {
    justify-self: start;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e6eef4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}

.woopedia-review-card {
    padding: 16px;
    grid-template-columns: 84px minmax(0,1fr);
    gap: 14px;
}

.woopedia-review-card__media {
    width: 84px;
    height: 84px;
    border-radius: 16px;
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid #edf2f7;
}

.woopedia-review-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.woopedia-review-card__title {
    font-size: 16px;
    line-height: 1.5;
}

.woopedia-review-card__meta {
    margin-top: 6px;
    font-size: 13px;
}

.woopedia-review-stars {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 4px;
    margin-top: 12px;
}

.woopedia-review-stars label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.woopedia-review-stars input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.woopedia-review-stars span {
    font-size: 24px;
    line-height: 1;
    color: #cbd5e1;
    transition: color .18s ease, transform .18s ease;
}

.woopedia-review-stars label:hover span,
.woopedia-review-stars label:hover ~ label span,
.woopedia-review-stars input:checked + span {
    color: #f8c301;
}

.woopedia-review-stars label:hover span {
    transform: scale(1.06);
}

.woopedia-review-card textarea {
    min-height: 110px;
    margin-top: 14px;
    padding: 14px 15px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.65;
}

@media (min-width: 768px) {
    .woopedia-review-header {
        grid-template-columns: minmax(0,1fr) auto;
        align-items: center;
    }

    .woopedia-review-back {
        justify-self: end;
    }
}

@media (max-width: 767px) {
    .woopedia-review-header {
        padding: 16px;
    }

    .woopedia-review-header h2 {
        font-size: 20px;
    }

    .woopedia-review-header p {
        font-size: 13px;
        line-height: 1.65;
    }

    .woopedia-review-card {
        grid-template-columns: 72px minmax(0,1fr);
        gap: 12px;
        padding: 14px;
    }

    .woopedia-review-card__media {
        width: 72px;
        height: 72px;
        border-radius: 14px;
    }

    .woopedia-review-stars span {
        font-size: 22px;
    }
}


/* REVIEW FINAL CLEAN */
.woopedia-review-back {
    display: none !important;
}

.woopedia-review-header {
    grid-template-columns: minmax(0,1fr) !important;
}

.woopedia-review-stars {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 4px !important;
}

.woopedia-review-stars label {
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
}

.woopedia-review-stars span {
    font-size: 24px !important;
    line-height: 1 !important;
    color: #cbd5e1 !important;
    transition: color .18s ease, transform .18s ease !important;
}

.woopedia-review-stars label:hover span,
.woopedia-review-stars input:checked + span {
    color: #f8c301 !important;
}

.woopedia-review-stars label:hover span {
    transform: scale(1.06) !important;
}


/* =========================
   REVIEW STAR JS ACTIVE FIX
   ========================= */
.woopedia-review-stars label {
    position: relative;
}

.woopedia-review-stars label.is-active span,
.woopedia-review-stars label.is-active ~ label span {
    color: #cbd5e1 !important;
}

.woopedia-review-stars label.is-active span {
    color: #f8c301 !important;
}

.woopedia-review-stars label:hover span {
    color: #f8c301 !important;
}


/* =========================
   REVIEW STARS WORKING FIX
   ========================= */
.woopedia-review-stars {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 2px !important;
    margin-top: 12px !important;
}

.woopedia-review-stars input {
    display: none !important;
}

.woopedia-review-stars label {
    cursor: pointer !important;
    font-size: 24px !important;
    line-height: 1 !important;
    color: #cbd5e1 !important;
    transition: color .18s ease, transform .18s ease !important;
}

.woopedia-review-stars label:hover,
.woopedia-review-stars label:hover ~ label,
.woopedia-review-stars input:checked ~ label {
    color: #f8c301 !important;
}

.woopedia-review-stars label:hover {
    transform: scale(1.06) !important;
}


/* =========================
   SINGLE PRODUCT REVIEW MARKETPLACE
   ========================= */
.woopedia-reviews-marketplace {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid #e6eef4;
    border-radius: 20px;
    background: #fff;
}

.woopedia-reviews-marketplace__summary {
    display: grid;
    grid-template-columns: 120px minmax(0,1fr);
    gap: 16px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #edf2f7;
}

.woopedia-reviews-marketplace__score-value {
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
    color: #0f172a;
}

.woopedia-reviews-marketplace__score-stars {
    margin-top: 8px;
    display: flex;
    gap: 2px;
    font-size: 18px;
    color: #d4dbe4;
}

.woopedia-reviews-marketplace__score-stars .is-filled,
.woopedia-product-review__rating .is-filled {
    color: #f8c301;
}

.woopedia-reviews-marketplace__score-caption {
    margin-top: 8px;
    font-size: 13px;
    color: #64748b;
}

.woopedia-reviews-marketplace__bars {
    display: grid;
    gap: 8px;
}

.woopedia-reviews-marketplace__bar {
    display: grid;
    grid-template-columns: 28px minmax(0,1fr) 28px;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #64748b;
}

.woopedia-reviews-marketplace__bar-track {
    height: 8px;
    border-radius: 999px;
    background: #edf2f7;
    overflow: hidden;
}

.woopedia-reviews-marketplace__bar-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #10b759;
}

.woopedia-product-review-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

.woopedia-product-review__card {
    padding: 16px;
    border: 1px solid #edf2f7;
    border-radius: 18px;
    background: #fdfefe;
}

.woopedia-product-review__head {
    display: flex;
    gap: 12px;
}

.woopedia-product-review__avatar {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: #eaf9f0;
    color: #10b759;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    flex: 0 0 40px;
}

.woopedia-product-review__author {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.woopedia-product-review__rating {
    margin-top: 4px;
    display: flex;
    gap: 2px;
    font-size: 14px;
    color: #d4dbe4;
}

.woopedia-product-review__submeta {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    color: #64748b;
}

.woopedia-product-review__verified {
    color: #10b759;
    font-weight: 700;
}

.woopedia-product-review__content {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.7;
    color: #334155;
}

.woopedia-product-review__content p:last-child {
    margin-bottom: 0;
}

.woopedia-reviews-marketplace #review_form_wrapper {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #edf2f7;
}

.woopedia-reviews-marketplace .comment-reply-title {
    display: block;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 800;
    color: #0f172a;
}

.woopedia-reviews-marketplace .comment-form-rating,
.woopedia-reviews-marketplace .comment-form-comment,
.woopedia-reviews-marketplace .comment-form-author,
.woopedia-reviews-marketplace .comment-form-email {
    margin-bottom: 12px;
}

.woopedia-reviews-marketplace label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}

.woopedia-reviews-marketplace textarea,
.woopedia-reviews-marketplace select,
.woopedia-reviews-marketplace input[type="text"],
.woopedia-reviews-marketplace input[type="email"] {
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid #d7e1ea;
    border-radius: 14px;
    background: #fff;
    font-size: 14px;
    color: #0f172a;
}

.woopedia-reviews-marketplace textarea {
    min-height: 120px;
    resize: vertical;
}

.woopedia-reviews-marketplace .form-submit {
    margin-bottom: 0;
}

.woopedia-reviews-marketplace .submit {
    min-height: 46px;
    padding: 0 16px;
    border: 0;
    border-radius: 14px;
    background: #10b759;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.woopedia-reviews-marketplace__empty {
    padding: 14px;
    border-radius: 16px;
    background: #f8fafc;
    font-size: 14px;
    color: #64748b;
}

@media (max-width: 767px) {
    .woopedia-reviews-marketplace {
        padding: 16px;
        border-radius: 18px;
    }

    .woopedia-reviews-marketplace__summary {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .woopedia-reviews-marketplace__score-value {
        font-size: 30px;
    }

    .woopedia-product-review__card {
        padding: 14px;
    }
}


/* SINGLE PRODUCT REVIEWS SECTION */
.sp-reviews-section {
    padding: 0 12px 18px;
}


/* HIDE SINGLE PRODUCT REVIEW FORM */
.single-product #review_form_wrapper,
.single-product #review_form,
.single-product .comment-respond {
    display: none !important;
}


/* =========================
   WOOPEDIA AUTH UI
   ========================= */
.woocommerce-account .woocommerce-notices-wrapper {
    margin: 12px 12px 0;
}

.woopedia-auth {
    padding: 16px 12px 22px;
    display: grid;
    gap: 14px;
}

.woopedia-auth__hero,
.woopedia-auth-card {
    background: #ffffff;
    border: 1px solid #e6eef4;
    border-radius: 22px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.woopedia-auth__hero {
    padding: 18px;
    background: linear-gradient(135deg, #f2fff7 0%, #ffffff 100%);
    border-color: #dff5e8;
}

.woopedia-auth__eyebrow,
.woopedia-auth-card__eyebrow {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #10b759;
}

.woopedia-auth__title,
.woopedia-auth-card__head h3 {
    margin: 0;
    color: #0f172a;
    font-weight: 800;
}

.woopedia-auth__title {
    font-size: 22px;
    line-height: 1.25;
}

.woopedia-auth__text,
.woopedia-auth-card__head p {
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.65;
    color: #64748b;
}

.woopedia-auth__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.woopedia-auth__chips span {
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #e6eef4;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.woopedia-auth__grid {
    display: grid;
    gap: 14px;
}

.woopedia-auth-card {
    padding: 18px;
}

.woopedia-auth-card__head {
    margin-bottom: 14px;
}

.woopedia-auth-card__head h3 {
    font-size: 22px;
    line-height: 1.2;
}

.woopedia-auth .form-row {
    width: 100%;
    margin: 0 0 12px;
}

.woopedia-auth label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}

.woopedia-auth input.input-text,
.woopedia-auth input[type="text"],
.woopedia-auth input[type="email"],
.woopedia-auth input[type="password"] {
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    border-radius: 14px;
    border: 1px solid #d7e1ea;
    background: #fff;
    box-shadow: none;
    color: #0f172a;
    font-size: 14px;
}

.woopedia-auth .password-input {
    position: relative;
    display: block;
}

.woopedia-auth-card__footer {
    display: grid;
    gap: 12px;
    margin-top: 4px;
    margin-bottom: 8px;
}

.woopedia-auth-check {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    font-size: 13px;
    color: #475569;
}

.woopedia-auth-check input {
    margin: 0;
}

.woopedia-auth-button,
.woopedia-auth .woocommerce-button.button,
.woopedia-auth .woocommerce-Button.button {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 14px;
    background: #10b759;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    box-shadow: 0 10px 20px rgba(16, 183, 89, 0.2);
}

.woopedia-auth-link {
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    color: #10b759;
}

.woopedia-auth-note {
    margin-bottom: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    font-size: 12px;
    line-height: 1.65;
    color: #64748b;
}

.woopedia-auth-note--privacy {
    margin-top: 2px;
}

@media (min-width: 900px) {
    .woopedia-auth__grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .woopedia-auth {
        padding: 14px 12px 18px;
        gap: 12px;
    }

    .woopedia-auth__hero,
    .woopedia-auth-card {
        border-radius: 18px;
    }

    .woopedia-auth__hero,
    .woopedia-auth-card {
        padding: 16px;
    }

    .woopedia-auth__title,
    .woopedia-auth-card__head h3 {
        font-size: 20px;
    }

    .woopedia-auth__text,
    .woopedia-auth-card__head p {
        font-size: 13px;
    }
}


/* =========================
   WOOPEDIA AUTH TABS
   ========================= */
.woopedia-auth__grid--single {
    grid-template-columns: 1fr !important;
}

.woopedia-auth-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.woopedia-auth-tabs__btn {
    min-height: 48px;
    border: 1px solid #dbe5ee;
    border-radius: 14px;
    background: #fff;
    color: #334155;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
}

.woopedia-auth-tabs__btn.is-active {
    background: #10b759;
    border-color: #10b759;
    color: #fff;
    box-shadow: 0 10px 20px rgba(16, 183, 89, 0.2);
}

.woopedia-auth-panel {
    display: none;
}

.woopedia-auth-panel.is-active {
    display: block;
}

@media (max-width: 767px) {
    .woopedia-auth-tabs {
        gap: 8px;
    }

    .woopedia-auth-tabs__btn {
        min-height: 44px;
        border-radius: 12px;
        font-size: 13px;
    }
}
/* LOST PASSWORD */
.woopedia-auth--lost {
    max-width: 420px;
    margin: 40px auto;
    padding: 0 16px;
}

.woopedia-auth-card--lost {
    padding: 24px;
    border-radius: 18px;
    border: 1px solid #e5edf3;
    background: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.woopedia-auth-card__head.center {
    text-align: center;
    margin-bottom: 20px;
}

.woopedia-auth-card__footer.column {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.woopedia-auth-button.full {
    width: 100%;
}

.woopedia-auth-link.center {
    text-align: center;
    font-size: 13px;
    color: #64748b;
}
/* =========================
   CART CLEAN WOOPEDIA
   ========================= */
.woocommerce-cart .site-main{
    padding:18px 14px 32px !important;
}
.woopedia-cart-page{
    max-width:1180px;
    margin:0 auto;
}
.woopedia-cart-page__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    flex-wrap:wrap;
    padding:22px;
    margin-bottom:18px;
}
.woopedia-cart-page__eyebrow{
    margin:0 0 8px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--primary);
}
.woopedia-cart-page__title{
    margin:0 0 6px;
    font-size:28px;
    line-height:1.12;
    letter-spacing:-.02em;
    font-weight:700;
    color:#0f172a;
}
.woopedia-cart-page__subtitle{
    margin:0;
    color:#667085;
    font-size:14px;
}
.woopedia-cart-page__badge{
    min-width:96px;
    margin-left:auto;
    text-align:center;
    padding:16px 18px;
    border-radius:18px;
    background:linear-gradient(180deg,#ebfff4 0%,#f7fff9 100%);
    border:1px solid #b7ebcb;
    color:#0f172a;
}
.woopedia-cart-page__badge span{
    display:block;
    font-size:28px;
    line-height:1;
    font-weight:700;
    color:var(--primary);
}
.woopedia-cart-page__badge small{
    display:block;
    margin-top:6px;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#667085;
}
.woopedia-cart-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:18px;
    align-items:start;
}
.woopedia-cart-main,
.woopedia-cart-sidebar{
    min-width:0;
}
.woopedia-cart-list,
.woopedia-cart-summary{
    width:100%;
    padding:18px;
    box-sizing:border-box;
}
.woopedia-cart-item + .woopedia-cart-item{
    border-top:1px solid #eef2f6;
    margin-top:18px;
    padding-top:18px;
}
.woopedia-cart-item{
    display:grid;
    grid-template-columns:84px minmax(0,1fr);
    gap:14px;
}
.woopedia-cart-item__media a,
.woopedia-cart-item__media img{
    display:block;
    width:84px;
    height:84px;
    border-radius:14px;
    object-fit:cover;
    background:#f8fafc;
    border:1px solid #e8edf3;
}
.woopedia-cart-item__content{
    min-width:0;
}
.woopedia-cart-item__top{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}
.woopedia-cart-item__name{
    margin:0 0 6px;
    font-size:15px;
    line-height:1.45;
    font-weight:500;
    letter-spacing:0;
}
.woopedia-cart-item__name a{
    color:#101828;
    text-decoration:none;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:break-word;
}
.woopedia-cart-item__name a:hover{
    color:var(--primary);
}
.woopedia-cart-item__meta,
.woopedia-cart-item__meta dl,
.woopedia-cart-item__meta dd,
.woopedia-cart-item__meta p{
    margin:0;
    color:#667085;
    font-size:12px;
    line-height:1.55;
    font-weight:400;
}
.woopedia-cart-item__meta dt{
    font-weight:500;
    color:#344054;
}
.woopedia-cart-item__remove{
    flex:0 0 auto;
    min-height:34px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    border:1px solid #f0d5dd;
    background:#fff5f7;
    color:#b42318;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}
.woopedia-cart-item__remove:hover{
    background:#ffe4e8;
    color:#912018;
}
.woopedia-cart-item__bottom{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:12px;
}
.woopedia-cart-item__price-block,
.woopedia-cart-item__qty-block,
.woopedia-cart-item__subtotal-block,
.woopedia-cart-shipping,
.woopedia-cart-total-row{
    width:100%;
    box-sizing:border-box;
    padding:14px 16px;
    border-radius:16px;
    background:#f8fafc;
    border:1px solid #e7edf3;
}
.woopedia-cart-item__label{
    display:block;
    margin-bottom:8px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:#667085;
}
.woopedia-cart-item__price,
.woopedia-cart-item__subtotal{
    display:block;
    width:100%;
    font-size:16px;
    font-weight:700;
    color:#101828;
}
.woopedia-cart-item__qty .quantity{
    display:flex;
    align-items:center;
    width:100%;
}
.woopedia-cart-item__qty .qty,
.woopedia-cart-shipping input.input-text{
    width:100%;
    min-height:48px;
    box-sizing:border-box;
    border:1px solid #d8e0ea;
    border-radius:14px;
    padding:0 14px;
    background:#fff;
    color:#101828;
    font-size:14px;
    font-weight:500;
}
.woopedia-cart-item__qty-static{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:56px;
    min-height:48px;
    padding:0 16px;
    border:1px solid #d8e0ea;
    border-radius:14px;
    background:#fff;
    font-weight:600;
}
.woopedia-cart-summary__head h2{
    margin:0;
    font-size:24px;
    font-weight:700;
    letter-spacing:-.03em;
    color:#101828;
}
.woopedia-cart-shipping{
    margin:18px 0;
}
.woopedia-cart-shipping label{
    display:block;
    margin-bottom:10px;
    font-size:14px;
    font-weight:600;
    color:#344054;
}
.woopedia-cart-shipping__hint,
.woopedia-cart-shipping__address{
    color:#667085;
    font-size:13px;
    line-height:1.6;
}
.woopedia-cart-shipping__address{
    margin-bottom:12px;
    color:#344054;
}
.woopedia-cart-shipping__fields{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:10px;
}
.woopedia-cart-shipping__field span{
    display:block;
    margin-bottom:6px;
    font-size:12px;
    font-weight:600;
    color:#667085;
}
.woopedia-cart-shipping__methods ul,
.woopedia-cart-total-row__value--shipping ul{
    margin:10px 0 0;
    padding:0;
    list-style:none;
}
.woopedia-cart-shipping__methods li,
.woopedia-cart-total-row__value--shipping li{
    display:flex;
    gap:8px;
    align-items:flex-start;
    color:#101828;
    font-size:13px;
    line-height:1.5;
}
.woopedia-cart-shipping__methods .amount,
.woopedia-cart-total-row__value--shipping .amount{
    font-weight:700;
}
.woopedia-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 18px;
    border-radius:14px;
    border:1px solid var(--primary);
    background:var(--primary);
    color:#fff;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
    transition:.2s ease;
}
.woopedia-btn:hover{
    opacity:.92;
    color:#fff;
}
.woopedia-btn--ghost{
    background:#fff;
    color:var(--primary);
    border-color:#b7ebcb;
}
.woopedia-btn--ghost:hover{
    background:#ecfdf3;
    color:var(--primary);
}
.woopedia-cart-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:18px;
}
.woopedia-cart-totals .cart_totals{
    float:none;
    width:100%;
    margin:0;
}
.woopedia-cart-totals h2,
.woopedia-cart-totals .cart_totals h2{
    margin:0 0 16px;
    font-size:18px;
    line-height:1.4;
    font-weight:700;
    color:#101828;
}
.woopedia-cart-total-list{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:12px;
    margin-bottom:16px;
}
.woopedia-cart-total-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.woopedia-cart-total-row__label{
    font-size:15px;
    font-weight:600;
    color:#101828;
}
.woopedia-cart-total-row__value{
    text-align:right;
    font-size:15px;
    font-weight:600;
    color:#101828;
}
.woopedia-cart-total-row--grand-total .woopedia-cart-total-row__label,
.woopedia-cart-total-row--grand-total .woopedia-cart-total-row__value,
.woopedia-cart-total-row--grand-total .amount{
    font-size:16px;
    font-weight:700;
}
.woopedia-cart-totals .wc-proceed-to-checkout{
    margin:0;
}
.woopedia-cart-totals .checkout-button{
    width:100%;
    min-height:52px;
    border-radius:16px;
    background:var(--primary);
    font-size:16px;
    font-weight:800;
}
.woopedia-cart-totals .checkout-button:hover{
    background:#10924b;
}
@media (max-width: 767px){
    .woopedia-cart-page__head{
        padding:18px;
        align-items:flex-start;
    }
    .woopedia-cart-list,
    .woopedia-cart-summary{
        padding:14px;
    }
    .woopedia-cart-item{
        grid-template-columns:72px minmax(0,1fr);
    }
    .woopedia-cart-item__media a,
    .woopedia-cart-item__media img{
        width:72px;
        height:72px;
    }
    .woopedia-cart-total-row{
        align-items:flex-start;
        flex-direction:column;
    }
    .woopedia-cart-total-row__value{
        text-align:left;
    }
}


/* cart realtime qty + full width refinements */
.woopedia-cart-item__price-block,
.woopedia-cart-item__qty-block,
.woopedia-cart-item__subtotal-block{
    display:block;
    width:100%;
}
.woopedia-cart-item__name{
    font-size:15px;
    line-height:1.45;
    font-weight:500;
}
.woopedia-cart-item__qty .quantity .qty{
    width:100% !important;
}
.woopedia-cart-total-list{
    width:100%;
}
.woopedia-cart-total-row{
    width:100%;
}
.woopedia-cart-actions{
    display:none;
}
.woopedia-cart-form.is-updating{
    opacity:.72;
    pointer-events:none;
    transition:opacity .2s ease;
}


/* cart full bleed boxes while keeping outer container rounded */
.woopedia-cart-item{
    align-items:start;
}
.woopedia-cart-item__content{
    display:contents;
}
.woopedia-cart-item__info{
    min-width:0;
}
.woopedia-cart-item__top{
    grid-column:2;
    margin-bottom:0;
    min-width:0;
}
.woopedia-cart-item__bottom{
    grid-column:1 / -1;
    width:100%;
    margin-top:4px;
}
.woopedia-cart-item__price-block,
.woopedia-cart-item__qty-block,
.woopedia-cart-item__subtotal-block{
    width:100%;
    margin-left:0;
    margin-right:0;
}
@media (max-width: 767px){
    .woopedia-cart-item__bottom{
        margin-top:6px;
    }
}


/* Cart header simplified */
.woopedia-cart-page__head--minimal{
    display:flex;
    justify-content:flex-end;
    padding:12px 18px;
    margin-bottom:14px;
}
.woopedia-cart-page__head--minimal .woopedia-cart-page__badge{
    min-width:96px;
}


/* final cart fixes */
.woocommerce-cart .entry-title,
.woocommerce-cart .page-title,
.woocommerce-cart .post-title,
.woocommerce-cart .woocommerce-products-header,
.woocommerce-cart .shop-page-title{
    display:none !important;
}
.woopedia-cart-page__head--minimal{
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:16px;
  background:#fff;
}
@media (min-width: 768px){
  .wishlist-drawer__panel{
    bottom:20px;
    border-radius:18px;
  }
}
.woopedia-cart-page__intro{
    min-width:0;
    flex:1 1 auto;
}
.woopedia-cart-page__head--minimal .woopedia-cart-page__eyebrow{
    margin:0 0 8px;
    color:var(--primary);
}
.woopedia-cart-page__head--minimal .woopedia-cart-page__subtitle{
    margin:0;
    max-width:260px;
}
.woopedia-cart-proceed{
    margin-top:16px;
}
.woopedia-cart-proceed__button,
.woopedia-cart-totals .woopedia-cart-proceed__button{
    display:flex !important;
    width:100%;
    min-height:52px;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:var(--primary) !important;
    border:1px solid var(--primary) !important;
    color:#fff !important;
    font-size:16px;
    font-weight:800;
    text-decoration:none;
    box-sizing:border-box;
}
.woopedia-cart-proceed__button:hover{
    background:#10924b !important;
    border-color:#10924b !important;
}
@media (max-width: 767px){
    .woopedia-cart-page__head--minimal{
        padding:16px;
    }
    .woopedia-cart-page__head--minimal .woopedia-cart-page__subtitle{
        max-width:none;
    }
}


/* =========================
   CART FIXES 1.5.1
   ========================= */
.woocommerce-cart .woocommerce-main > .page-title,
.woocommerce-cart .woocommerce-main > h1,
.woocommerce-cart .site-main > .entry-title,
.woocommerce-cart .entry-header,
.woocommerce-cart .woocommerce-products-header,
.woocommerce-cart .wp-block-post-title{
    display:none !important;
}
.woopedia-cart-page__head--compact{
    padding:16px 14px;
    margin-bottom:16px;
}
.woopedia-cart-page__head-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.woopedia-cart-page__head--compact .woopedia-cart-page__badge{
    margin-left:auto;
    align-self:flex-start;
}
.woopedia-cart-page__head--compact .woopedia-cart-page__eyebrow{
    margin:0;
    padding-top:2px;
}
.woopedia-cart-page__head--compact .woopedia-cart-page__subtitle{
    margin-top:10px;
    max-width:72%;
}
.woopedia-cart-page__head--compact .woopedia-cart-page__badge{
    min-width:84px;
    margin-left:auto;
    padding:12px 14px;
    border-radius:16px;
}
.woopedia-cart-page__head--compact .woopedia-cart-page__badge span{
    font-size:22px;
}
.woopedia-cart-page__head--compact .woopedia-cart-page__badge small{
    margin-top:4px;
}
.woopedia-cart-proceed{
    margin-top:14px;
}
.woopedia-cart-proceed__button{
    display:flex !important;
    width:100%;
    min-height:52px;
    align-items:center;
    justify-content:center;
    border:none;
    border-radius:16px;
    background:var(--primary);
    color:#fff !important;
    text-decoration:none;
    font-size:16px;
    font-weight:800;
    line-height:1;
    box-sizing:border-box;
}
.woopedia-cart-proceed__button:hover{
    background:#10924b;
    color:#fff !important;
}
@media (max-width: 767px){
    .woopedia-cart-page__head--compact .woopedia-cart-page__subtitle{
        max-width:none;
        font-size:13px;
    }
}


.woocommerce-checkout .woopedia-checkout__coupon-card{
    margin-bottom:14px;
    border:1px solid #dfe7f1;
    border-radius:18px;
    padding:18px;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    box-shadow:0 8px 20px rgba(15,23,42,.04);
}
.woocommerce-checkout .woopedia-coupon-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.woocommerce-checkout .woopedia-coupon-title{
    margin:0 0 6px !important;
    font-size:22px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    color:#0f172a !important;
}
.woocommerce-checkout .woopedia-coupon-desc{
    margin:0;
    font-size:13px;
    line-height:1.6;
    color:#64748b;
}
.woocommerce-checkout .woopedia-coupon-form{
    display:block !important;
    margin:0;
}
.woocommerce-checkout .woopedia-coupon-form__row{
    display:flex;
    align-items:stretch;
    gap:10px;
}
.woocommerce-checkout .woopedia-coupon-form__field{
    flex:1 1 auto;
}
.woocommerce-checkout .woopedia-coupon-form__field .input-text{
    width:100%;
    min-height:52px;
    border:1px solid #cbd5e1;
    border-radius:14px;
    padding:0 16px;
    font-size:15px;
    background:#fff;
    box-shadow:none;
}
.woocommerce-checkout .woopedia-coupon-form__field .input-text:focus{
    border-color:#16a34a;
    box-shadow:0 0 0 3px rgba(22,163,74,.12);
}
.woocommerce-checkout .woopedia-coupon-form__action{
    flex:0 0 144px;
}
.woocommerce-checkout .woopedia-coupon-form__action .button{
    width:100%;
    min-height:52px;
    border-radius:14px;
    font-size:14px;
    font-weight:700;
}
.woocommerce-checkout .woopedia-coupon-feedback{
    display:none;
    margin-top:12px;
    border-radius:12px;
    padding:10px 12px;
    font-size:13px;
    line-height:1.5;
    font-weight:600;
}
.woocommerce-checkout .woopedia-coupon-feedback.is-visible{
    display:block;
}
.woocommerce-checkout .woopedia-coupon-feedback.is-success{
    background:#ecfdf3;
    color:#166534;
    border:1px solid #bbf7d0;
}
.woocommerce-checkout .woopedia-coupon-feedback.is-error{
    background:#fef2f2;
    color:#b91c1c;
    border:1px solid #fecaca;
}
.woocommerce-checkout .woopedia-coupon-active{
    margin-top:12px;
}
.woocommerce-checkout .woopedia-coupon-active__label{
    margin-bottom:8px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
    color:#475569;
    text-transform:uppercase;
}
.woocommerce-checkout .woopedia-coupon-active__list{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.woocommerce-checkout .woopedia-coupon-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 10px;
    border-radius:999px;
    background:#f0fdf4;
    border:1px solid #bbf7d0;
    color:#166534;
    font-size:13px;
    font-weight:700;
}
.woocommerce-checkout .woopedia-coupon-chip__remove{
    border:0;
    background:transparent;
    padding:0;
    margin:0;
    font-size:18px;
    line-height:1;
    color:#166534;
    cursor:pointer;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout > .checkout_coupon.woocommerce-form-coupon{
    display:none !important;
}
@media (max-width: 767px){
    .woocommerce-checkout .woopedia-checkout__coupon-card{
        padding:16px;
    }
    .woocommerce-checkout .woopedia-coupon-title{
        font-size:20px !important;
    }
    .woocommerce-checkout .woopedia-coupon-form__row{
        flex-direction:column;
    }
    .woocommerce-checkout .woopedia-coupon-form__action{
        flex:1 1 auto;
    }
}



/* Coupon apply polish */
.woocommerce-checkout .woopedia-coupon-form__row{
  display:flex;
  align-items:stretch;
  gap:12px;
}
.woocommerce-checkout .woopedia-coupon-form__field{
  flex:1 1 auto;
}
.woocommerce-checkout .woopedia-coupon-form__action{
  flex:0 0 auto;
}
.woocommerce-checkout .woopedia-coupon-form__action .button{
  min-width:96px;
  height:52px;
  border-radius:14px;
  white-space:nowrap;
}
.woocommerce-checkout .woopedia-coupon-feedback{
  font-weight:700;
}
.woocommerce-checkout .woopedia-coupon-feedback.is-success{
  color:#178a39;
  background:#eefaf1;
  border:1px solid #bfe7ca;
}
.woocommerce-checkout .woopedia-coupon-feedback.is-error{
  color:#c62828;
  background:#fff1f1;
  border:1px solid #f2c2c2;
}
@media (max-width:640px){
  .woocommerce-checkout .woopedia-coupon-form__row{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:stretch;
  }
  .woocommerce-checkout .woopedia-coupon-form__action .button{
    min-width:88px;
    padding-left:16px;
    padding-right:16px;
  }
}



/* Coupon button force visible */
.woocommerce-checkout .woopedia-coupon-form__row{
  display:flex !important;
  align-items:stretch !important;
  gap:12px !important;
}
.woocommerce-checkout .woopedia-coupon-form__field{
  flex:1 1 auto !important;
  min-width:0 !important;
}
.woocommerce-checkout .woopedia-coupon-form__action{
  display:block !important;
  flex:0 0 108px !important;
  width:108px !important;
  min-width:108px !important;
}
.woocommerce-checkout .woopedia-coupon-apply-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:108px !important;
  height:52px !important;
  padding:0 16px !important;
  border:1px solid #16a34a !important;
  border-radius:14px !important;
  background:#16a34a !important;
  color:#ffffff !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-align:center !important;
  white-space:nowrap !important;
  opacity:1 !important;
  visibility:visible !important;
}
.woocommerce-checkout .woopedia-coupon-apply-button:hover,
.woocommerce-checkout .woopedia-coupon-apply-button:focus{
  background:#15803d !important;
  border-color:#15803d !important;
  color:#ffffff !important;
}
.woocommerce-checkout .woopedia-coupon-apply-button__text{
  display:inline !important;
  color:inherit !important;
}
@media (max-width: 640px){
  .woocommerce-checkout .woopedia-coupon-form__row{
    flex-direction:row !important;
  }
  .woocommerce-checkout .woopedia-coupon-form__action{
    flex:0 0 96px !important;
    width:96px !important;
    min-width:96px !important;
  }
  .woocommerce-checkout .woopedia-coupon-apply-button{
    min-width:96px !important;
    font-size:13px !important;
    padding:0 12px !important;
  }
}



/* Coupon apply button visible fix */
.woocommerce-checkout .woopedia-coupon-form__row{
  display:flex !important;
  align-items:stretch !important;
  gap:10px !important;
}
.woocommerce-checkout .woopedia-coupon-form__field{
  flex:1 1 auto !important;
  min-width:0 !important;
}
.woocommerce-checkout .woopedia-coupon-form__action{
  display:block !important;
  flex:0 0 104px !important;
  width:104px !important;
  min-width:104px !important;
}
.woocommerce-checkout .woopedia-coupon-form__action .woopedia-coupon-apply-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:104px !important;
  height:52px !important;
  margin:0 !important;
  padding:0 14px !important;
  border:1px solid #16a34a !important;
  border-radius:14px !important;
  background:#16a34a !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  visibility:visible !important;
  opacity:1 !important;
  box-shadow:none !important;
}
.woocommerce-checkout .woopedia-coupon-form__action .woopedia-coupon-apply-btn:hover,
.woocommerce-checkout .woopedia-coupon-form__action .woopedia-coupon-apply-btn:focus{
  background:#15803d !important;
  border-color:#15803d !important;
  color:#fff !important;
}
.woocommerce-checkout .woopedia-coupon-form__action .woopedia-coupon-apply-btn:disabled{
  opacity:.7 !important;
  cursor:wait !important;
}
.woocommerce-checkout .woopedia-coupon-apply-btn__text{
  display:inline !important;
  color:inherit !important;
  visibility:visible !important;
}
@media (max-width: 640px){
  .woocommerce-checkout .woopedia-coupon-form__action{
    flex:0 0 96px !important;
    width:96px !important;
    min-width:96px !important;
  }
  .woocommerce-checkout .woopedia-coupon-form__action .woopedia-coupon-apply-btn{
    min-width:96px !important;
    font-size:13px !important;
  }
}


.app-header__brand--home{
  min-width:0;
}

.app-header__home-search{
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
  position:relative;
}

.app-header__home-logo{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  min-width:0;
}

.app-header__home-logo .custom-logo{
  max-width:120px;
  max-height:36px;
}

.home-search{
  position:relative;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin-left:auto;
}

.home-search__toggle{
  width:22px;
  height:22px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#111;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
  box-shadow:none;
  appearance:none;
  -webkit-appearance:none;
  transition:opacity .2s ease, transform .2s ease;
}

.home-search__toggle:hover,
.home-search.is-open .home-search__toggle{
  background:transparent;
  border-color:transparent;
  opacity:.8;
}

.home-search__panel{
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  width:min(72vw, 340px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, visibility .22s ease, transform .22s ease;
}

.home-search.is-open .home-search__panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(-50%);
}

.home-search__input{
  width:100%;
  height:40px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:999px;
  background:#fff;
  padding:0 16px;
  font-size:14px;
  color:#111;
  outline:none;
  box-shadow:0 12px 28px rgba(0,0,0,.08);
}

.home-search__input:focus{
  border-color:rgba(0,0,0,.12);
  box-shadow:0 0 0 3px rgba(0,0,0,.04), 0 12px 28px rgba(0,0,0,.08);
}

.home-search__results{
  position:fixed;
  top:68px;
  left:max(12px, env(safe-area-inset-left));
  right:max(12px, env(safe-area-inset-right));
  max-height:min(70vh, 560px);
  overflow:auto;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  box-shadow:0 18px 40px rgba(0,0,0,.12);
  padding:10px;
  z-index:9999;
}

.home-search-results__list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.home-search-result{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px;
  border-radius:14px;
  text-decoration:none;
  color:inherit;
}

.home-search-result:hover{
  background:#f7f8fa;
}

.home-search-result__thumb{
  width:56px;
  height:56px;
  border-radius:12px;
  overflow:hidden;
  background:#f3f4f6;
  flex:0 0 56px;
}

.home-search-result__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.home-search-result__content{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.home-search-result__title{
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  color:#111;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.home-search-result__price{
  font-size:13px;
  font-weight:700;
  color:#111;
}

.home-search-results__all,
.home-search-results__empty{
  display:block;
  margin-top:10px;
  padding:12px 14px;
  border-radius:12px;
  background:#f7f8fa;
  font-size:13px;
  text-decoration:none;
  color:#111;
}

.home-search-results__all{
  font-weight:600;
}

@media (max-width: 640px){
  .app-header__inner{
    gap:10px;
  }

  .app-header__product-actions{
    gap:0;
  }

  .app-header__icon-button,
  .header-cart-link{
    width:30px;
    height:30px;
  }

  .app-header__product-title{
    font-size:14px;
  }

  .app-header__home-logo .custom-logo{
    max-width:92px;
    max-height:30px;
  }

  .home-search__toggle{
    width:22px;
    height:22px;
  }

  .home-search__panel{
    width:calc(100vw - 86px);
    max-width:none;
  }

  .home-search__input{
    height:38px;
    font-size:13px;
    padding:0 14px;
  }

  .home-search__results{
    top:64px;
    left:max(8px, env(safe-area-inset-left));
    right:max(8px, env(safe-area-inset-right));
    border-radius:16px;
  }
}


.home-products-load-more{
    display:flex;
    justify-content:center;
    padding:14px 12px 6px;
}
.woopedia-load-more-btn{
    appearance:none;
    border:1px solid rgba(19,191,137,.22);
    background:linear-gradient(180deg,#ffffff 0%,#f5fffb 100%);
    color:#0f8f69;
    font-size:13px;
    font-weight:700;
    line-height:1;
    padding:12px 18px;
    border-radius:999px;
    box-shadow:0 8px 18px rgba(19,191,137,.12);
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;
}
.woopedia-load-more-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 22px rgba(19,191,137,.16);
}
.woopedia-load-more-btn:disabled,
.woopedia-load-more-btn.is-loading{
    opacity:.72;
    cursor:wait;
    transform:none;
}


/* =========================
   WOOPEDIA PRO TRACKING
   ========================= */
.woopedia-view-order-page .woopedia-resi-box{
    margin:16px 0 18px;
    padding:14px;
    border:1px solid #e9edf3;
    border-radius:12px;
    background:#f8fafc;
}
.woopedia-view-order-page .woopedia-resi-box__label{
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#6b7280;
    margin-bottom:8px;
}
.woopedia-view-order-page .woopedia-resi-wrap{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
.woopedia-view-order-page .woopedia-resi-number{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0 12px;
    border-radius:10px;
    background:#fff;
    border:1px solid #dfe5ec;
    font-size:14px;
    line-height:1.4;
    color:#111827;
    word-break:break-all;
}
.woopedia-view-order-page .woopedia-resi-action{
    width:40px;
    height:40px;
    border:none;
    border-radius:10px;
    background-color:#ffffff;
    border:1px solid #dfe5ec;
    background-repeat:no-repeat;
    background-position:center;
    background-size:18px 18px;
    cursor:pointer;
    flex:0 0 40px;
    transition:all .2s ease;
}
.woopedia-view-order-page .woopedia-resi-action:hover{
    transform:translateY(-1px);
    border-color:#cfd8e3;
    box-shadow:0 6px 18px rgba(17,24,39,.08);
}
.woopedia-view-order-page .woopedia-copy-resi{
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23666" viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v12h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>');
}
.woopedia-view-order-page .woopedia-track-resi{
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23666" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z"/></svg>');
}
.woopedia-view-order-page .woopedia-copy-resi.is-copied{
    border-color:#22c55e;
}
.woopedia-view-order-page .woopedia-resi-provider{
    margin-top:8px;
    font-size:12px;
    font-weight:600;
    color:#64748b;
}
.woopedia-view-order-page .woopedia-resi-feedback{
    min-height:18px;
    margin-top:8px;
    font-size:12px;
    color:#16a34a;
}
@media (max-width: 480px){
    .woopedia-view-order-page .woopedia-resi-wrap{
        align-items:stretch;
    }
    .woopedia-view-order-page .woopedia-resi-number{
        width:100%;
    }
}


/* =========================
   VIEW ORDER STACK FIX
   ========================= */
.woocommerce-account .woopedia-view-order-page table.shop_table,
.woocommerce-account .woopedia-view-order-page .shop_table,
.woocommerce-account .woopedia-view-order-page .woocommerce-table,
.woocommerce-account .woopedia-view-order-page table.woocommerce-table{
    width:100% !important;
    table-layout:auto !important;
}

.woocommerce-account .woopedia-view-order-page table.shop_table thead,
.woocommerce-account .woopedia-view-order-page .woocommerce-table thead{
    display:none !important;
}

.woocommerce-account .woopedia-view-order-page table.shop_table,
.woocommerce-account .woopedia-view-order-page table.shop_table tbody,
.woocommerce-account .woopedia-view-order-page table.shop_table tr,
.woocommerce-account .woopedia-view-order-page table.shop_table td,
.woocommerce-account .woopedia-view-order-page table.shop_table th,
.woocommerce-account .woopedia-view-order-page .woocommerce-table,
.woocommerce-account .woopedia-view-order-page .woocommerce-table tbody,
.woocommerce-account .woopedia-view-order-page .woocommerce-table tr,
.woocommerce-account .woopedia-view-order-page .woocommerce-table td,
.woocommerce-account .woopedia-view-order-page .woocommerce-table th{
    display:block !important;
    width:100% !important;
}

.woocommerce-account .woopedia-view-order-page table.shop_table tr,
.woocommerce-account .woopedia-view-order-page .woocommerce-table tr{
    margin-bottom:12px !important;
    padding:14px !important;
    background:#fff !important;
    border:1px solid #e6eef4 !important;
    border-radius:16px !important;
    box-shadow:0 8px 18px rgba(15,23,42,.04) !important;
}

.woocommerce-account .woopedia-view-order-page table.shop_table td,
.woocommerce-account .woopedia-view-order-page table.shop_table th,
.woocommerce-account .woopedia-view-order-page .woocommerce-table td,
.woocommerce-account .woopedia-view-order-page .woocommerce-table th{
    position:relative !important;
    border:0 !important;
    padding:8px 0 8px 118px !important;
    min-height:24px !important;
    text-align:left !important;
    white-space:normal !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
}

.woocommerce-account .woopedia-view-order-page table.shop_table td:before,
.woocommerce-account .woopedia-view-order-page .woocommerce-table td:before{
    content:attr(data-title) !important;
    position:absolute !important;
    left:0 !important;
    top:8px !important;
    width:102px !important;
    font-size:11px !important;
    line-height:1.4 !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
    color:#64748b !important;
    white-space:normal !important;
}

.woocommerce-account .woopedia-view-order-page table.shop_table td:last-child,
.woocommerce-account .woopedia-view-order-page .woocommerce-table td:last-child{
    padding-bottom:0 !important;
}

.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details tfoot tr,
.woocommerce-account .woopedia-view-order-page table.shop_table tfoot tr{
    margin-bottom:10px !important;
}

.woocommerce-account .woopedia-view-order-page .woopedia-resi-wrap{
    align-items:stretch !important;
}

.woocommerce-account .woopedia-view-order-page .woopedia-resi-number{
    width:100% !important;
}


/* =========================
   VIEW ORDER FINAL LAYOUT FIX
   ========================= */
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details,
.woocommerce-account .woopedia-view-order-page table.woocommerce-table--order-details,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details tbody,
.woocommerce-account .woopedia-view-order-page table.woocommerce-table--order-details tbody{
    display:block !important;
    width:100% !important;
}

.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details{
    background:#fff !important;
    border:none !important;
    border-radius:16px !important;
    overflow:hidden !important;
    box-shadow:none !important;
}

.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details tr{
    margin:0 !important;
    padding:14px 16px !important;
    background:transparent !important;
    border:0 !important;
    border-bottom:1px solid #eef2f7 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details tr:last-child{
    border-bottom:0 !important;
}

.woocommerce-account .woopedia-view-order-page table.shop_table td,
.woocommerce-account .woopedia-view-order-page table.shop_table th,
.woocommerce-account .woopedia-view-order-page .woocommerce-table td,
.woocommerce-account .woopedia-view-order-page .woocommerce-table th{
    padding:0 !important;
    min-height:0 !important;
}

.woocommerce-account .woopedia-view-order-page table.shop_table td:before,
.woocommerce-account .woopedia-view-order-page .woocommerce-table td:before{
    position:static !important;
    display:block !important;
    width:auto !important;
    margin:0 0 8px !important;
}

.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details td,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details th{
    padding:0 !important;
}

.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details td > *,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details th > *{
    max-width:100% !important;
}

.woocommerce-account .woopedia-view-order-page .woopedia-injected-actions,
.woocommerce-account .woopedia-view-order-page .woopedia-resi-wrap{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}

.woocommerce-account .woopedia-view-order-page .woopedia-injected-actions{
    margin-top:8px !important;
}

.woocommerce-account .woopedia-view-order-page .woopedia-resi-action{
    display:inline-block !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    opacity:1 !important;
    visibility:visible !important;
}

.woocommerce-account .woopedia-view-order-page .woopedia-track-resi,
.woocommerce-account .woopedia-view-order-page .woopedia-copy-resi{
    background-color:#fff !important;
}

.woocommerce-account .woopedia-view-order-page td[data-title="Nomor resi"],
.woocommerce-account .woopedia-view-order-page td[data-title="Nomor Resi"],
.woocommerce-account .woopedia-view-order-page td[data-title="Aksi"],
.woocommerce-account .woopedia-view-order-page td[data-title="AKSI"],
.woocommerce-account .woopedia-view-order-page td[data-title="Pengiriman"],
.woocommerce-account .woopedia-view-order-page td[data-title="PENGIRIMAN"]{
    overflow:visible !important;
}


/* =========================
   VIEW ORDER RESI ICON + FULLWIDTH FIX
   ========================= */
.woocommerce-account .woopedia-view-order-page table.shop_table td[data-title="Aksi"],
.woocommerce-account .woopedia-view-order-page table.shop_table td[data-title="AKSI"],
.woocommerce-account .woopedia-view-order-page table.woocommerce-table td[data-title="Aksi"],
.woocommerce-account .woopedia-view-order-page table.woocommerce-table td[data-title="AKSI"]{
    min-height:56px !important;
}

.woocommerce-account .woopedia-view-order-page .woopedia-inline-actions{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    margin-top:8px !important;
}

.woocommerce-account .woopedia-view-order-page .woopedia-inline-action{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border-radius:10px !important;
    border:1px solid #dfe5ec !important;
    background-color:#fff !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:18px 18px !important;
    cursor:pointer !important;
    text-decoration:none !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
}

.woocommerce-account .woopedia-view-order-page .woopedia-inline-copy{
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23111827" viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v12h2V3h12V1zm4 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h12v14z"/></svg>') !important;
}

.woocommerce-account .woopedia-view-order-page .woopedia-inline-track{
    width:auto !important;
    padding:0 14px 0 40px !important;
    color:#111827 !important;
    font-size:13px !important;
    font-weight:700 !important;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23111827" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z"/></svg>') !important;
    background-position:12px center !important;
    background-size:18px 18px !important;
}

.woocommerce-account .woopedia-view-order-page .woopedia-inline-track-text{
    display:inline !important;
    white-space:nowrap !important;
}

.woocommerce-account .woopedia-view-order-page .woopedia-inline-copy.is-copied,
.woocommerce-account .woopedia-view-order-page .woopedia-copy-resi.is-copied{
    border-color:#22c55e !important;
    box-shadow:0 0 0 3px rgba(34,197,94,.12) !important;
}

.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details,
.woocommerce-account .woopedia-view-order-page table.woocommerce-table--order-details,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details tbody,
.woocommerce-account .woopedia-view-order-page table.woocommerce-table--order-details tbody,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details tr,
.woocommerce-account .woopedia-view-order-page table.woocommerce-table--order-details tr,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details td,
.woocommerce-account .woopedia-view-order-page table.woocommerce-table--order-details td,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details th,
.woocommerce-account .woopedia-view-order-page table.woocommerce-table--order-details th{
    width:100% !important;
    max-width:100% !important;
}

.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details .product-name,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details .product-total,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details tfoot td,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details tfoot th{
    text-align:left !important;
}

.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details ul,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details ol,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details p,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details small,
.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details .wc-item-meta{
    margin-left:0 !important;
    padding-left:0 !important;
    max-width:100% !important;
}

.woocommerce-account .woopedia-view-order-page .woocommerce-table--order-details .wc-item-meta li{
    list-style:none !important;
    margin-left:0 !important;
}

.woocommerce-account .woopedia-view-order-page .woopedia-resi-box{
    display:none !important;
}

/* =========================
   DESKTOP HOMEPAGE LAYOUT
   ========================= */
.desktop-market-header,
.desktop-home-marketplace,
.desktop-market-footer{
    display:none;
}

@media (min-width:1024px){
    body.home,
    body.blog{
        background:#f5f5f5;
    }

    body.home .site-app-shell,
    body.blog .site-app-shell,
    body.home .site-app-frame,
    body.blog .site-app-frame{
        width:100%;
        max-width:100%;
        min-height:auto;
        background:transparent;
        box-shadow:none;
        display:block;
    }

    body.home .site-app-shell,
    body.blog .site-app-shell{
        padding:0;
    }

    body.home .mobile-app-header,
    body.blog .mobile-app-header,
    body.home .mobile-home-marketplace,
    body.blog .mobile-home-marketplace,
    body.home .front-sticky-footer,
    body.blog .front-sticky-footer{
        display:none !important;
    }

    body.home .desktop-market-header,
    body.blog .desktop-market-header,
    body.home .desktop-home-marketplace,
    body.blog .desktop-home-marketplace,
    body.home .desktop-market-footer,
    body.blog .desktop-market-footer{
        display:block;
    }

    .desktop-market-container{
        width:calc(100% - 48px);
        max-width:1180px;
        margin:0 auto;
    }

    .desktop-market-header{
        position:sticky;
        top:0;
        z-index:140;
        background:#fff;
        box-shadow:0 1px 0 rgba(0,0,0,.06);
    }

    body.admin-bar .desktop-market-header{
        top:32px;
    }

    .desktop-market-header__topbar{
        background:#fafafa;
        border-bottom:1px solid #ededed;
    }

    .desktop-market-header__topbar-inner{
        min-height:32px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:20px;
        font-size:12px;
        color:#6b7280;
    }

    .desktop-market-header__topnav{
        display:flex;
        align-items:center;
        gap:18px;
        white-space:nowrap;
    }

    .desktop-market-header__topnav a{
        color:#6b7280;
    }

    .desktop-market-header__main{
        background:#fff;
    }

    .desktop-market-header__row{
        min-height:78px;
        display:flex;
        align-items:center;
        gap:18px;
    }

    .desktop-market-header__brand{
        flex:0 0 auto;
        display:flex;
        align-items:center;
    }

    .desktop-market-header__brand .custom-logo{
        max-width:170px;
        max-height:42px;
    }

    .desktop-market-header__category,
    .desktop-market-header__actions a{
        font-size:14px;
        font-weight:500;
        color:#1f2937;
        white-space:nowrap;
    }

    .desktop-market-header__search{
        flex:1 1 auto;
        min-width:340px;
        height:44px;
        border:1px solid #d7dbe0;
        border-radius:12px;
        background:#fff;
        display:flex;
        align-items:center;
        gap:10px;
        padding:0 14px;
    }

    .desktop-market-header__search input{
        width:100%;
        border:0;
        outline:none;
        box-shadow:none;
        background:transparent;
        font-size:14px;
        color:#111827;
    }

    .desktop-market-header__search-icon{
        color:#9ca3af;
        display:flex;
        align-items:center;
        justify-content:center;
        flex:0 0 auto;
    }

    .desktop-market-header__actions{
        flex:0 0 auto;
        display:flex;
        align-items:center;
        gap:18px;
    }

    .desktop-market-header__cart{
        width:42px;
        height:42px;
        border-radius:12px;
        border:1px solid #e5e7eb;
        background:#fff;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        position:relative;
        padding:0;
        cursor:pointer;
    }

    .desktop-market-header__cart img{
        width:20px;
        height:20px;
        display:block;
    }

    .desktop-market-header__cart-count{
        position:absolute;
        top:-6px;
        right:-6px;
        min-width:18px;
        height:18px;
        border-radius:999px;
        background:#ef4444;
        color:#fff;
        font-size:10px;
        font-weight:700;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0 5px;
    }

    .home-marketplace{
        padding:0;
    }

    .desktop-home-marketplace{
        padding:22px 0 32px;
    }

    .desktop-home-marketplace__hero-row{
        display:grid;
        grid-template-columns:minmax(0, 1fr) 320px;
        gap:18px;
        align-items:stretch;
        margin-bottom:18px;
    }

    .desktop-hero-slider,
    .desktop-home-section,
    .desktop-quick-menu,
    .desktop-market-footer__inner{
        background:#fff;
        border:1px solid #ececec;
        border-radius:18px;
        box-shadow:0 1px 2px rgba(0,0,0,.03);
    }

    .desktop-hero-slider{
        padding:14px;
    }

    .desktop-hero-slider .hero-slider-track{
        overflow:hidden !important;
        border-radius:14px;
    }

    .desktop-hero-slider .hero-slide img{
        width:100%;
        height:280px !important;
        aspect-ratio:auto !important;
        object-fit:cover !important;
        border-radius:14px;
    }

    .desktop-hero-slider .hero-slider-dots{
        padding-top:12px;
        margin-bottom:0;
    }

    .desktop-quick-menu{
        padding:16px;
    }

    .desktop-section-head{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:14px;
        margin-bottom:14px;
    }

    .desktop-section-head--stack p{
        margin:6px 0 0;
        color:#6b7280;
        font-size:13px;
        line-height:1.5;
    }

    .desktop-section-head h2,
    .desktop-section-head a{
        margin:0;
    }

    .desktop-section-head h2{
        font-size:17px;
        line-height:1.25;
        font-weight:800;
        color:#111827;
    }

    .desktop-section-head a{
        color:#16a34a;
        font-size:13px;
        font-weight:700;
        white-space:nowrap;
    }

    .desktop-quick-menu__grid{
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:12px;
    }

    .desktop-quick-menu__item{
        min-height:74px;
        padding:12px 14px;
        border:1px solid #edf0f2;
        border-radius:14px;
        display:flex;
        align-items:center;
        gap:12px;
        color:#111827;
    }

    .desktop-quick-menu__icon{
        width:42px;
        height:42px;
        border-radius:999px;
        background:#f3f4f6;
        display:flex;
        align-items:center;
        justify-content:center;
        flex:0 0 42px;
    }

    .desktop-quick-menu__icon img{
        width:28px;
        height:28px;
        object-fit:contain;
    }

    .desktop-quick-menu__label{
        font-size:14px;
        font-weight:600;
        line-height:1.35;
    }

    .desktop-home-section{
        padding:18px 20px;
        margin-bottom:18px;
    }

    .desktop-popular-categories__grid{
        display:grid;
        grid-template-columns:repeat(6, minmax(0, 1fr));
        gap:12px;
    }

    .desktop-popular-categories__card{
        min-height:98px;
        padding:14px 10px;
        border-radius:16px;
        border:1px solid #e5e7eb;
        background:#fff;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:10px;
        color:#111827;
        text-align:center;
        transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    }

    .desktop-popular-categories__card:hover{
        border-color:#16a34a;
        box-shadow:0 10px 24px rgba(15, 23, 42, 0.08);
        transform:translateY(-1px);
    }

    .desktop-popular-categories__card.is-placeholder{
        pointer-events:none;
    }

    .desktop-popular-categories__icon{
        width:46px;
        height:46px;
        border-radius:14px;
        background:#ecfdf3;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
        color:#16a34a;
        font-size:18px;
        font-weight:800;
        flex:0 0 46px;
    }

    .desktop-popular-categories__icon.has-image img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .desktop-popular-categories__label{
        font-size:13px;
        font-weight:700;
        line-height:1.35;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }


@media (max-width: 1200px){
    .desktop-popular-categories__grid{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}

    .product-grid--desktop{
        display:grid;
        grid-template-columns:repeat(5, minmax(0, 1fr));
        gap:16px;
    }

    .product-grid--desktop .product-card{
        border:1px solid #ececec;
        border-radius:14px;
        background:#fff;
        overflow:hidden !important;
        box-shadow:none;
    }

    .product-grid--desktop .product-card__link{
        display:block;
    }

    .product-grid--desktop .product-card__image img{
        border:0;
        border-radius:0;
        aspect-ratio:1 / 1.08;
    }

    .product-grid--desktop .product-card__content{
        padding:10px 10px 12px;
    }

    .product-grid--desktop .product-card__title{
        min-height:38px;
        font-size:13px;
    }

    .product-grid--desktop .product-card__price{
        font-size:14px;
    }

    .product-grid--desktop .product-card__meta{
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
    }

    .desktop-market-footer{
        padding:0 0 36px;
    }

    .desktop-market-footer__inner{
        padding:26px 24px 18px;
    }

    .desktop-market-footer__grid{
        display:grid;
        grid-template-columns:1.5fr 1fr 1fr 1fr;
        gap:28px;
        padding-bottom:20px;
        border-bottom:1px solid #f0f0f0;
    }

    .desktop-market-footer__brand p{
        margin:14px 0 0;
        max-width:280px;
        color:#6b7280;
        font-size:14px;
        line-height:1.7;
    }

    .desktop-market-footer h3{
        margin:0 0 12px;
        font-size:16px;
        font-weight:800;
        color:#111827;
    }

    .desktop-market-footer ul{
        list-style:none;
        padding:0;
        margin:0;
    }

    .desktop-market-footer__menu{
        list-style:none;
        padding:0;
        margin:0;
    }

    .desktop-market-footer li + li,
    .desktop-market-footer__menu li + li{
        margin-top:10px;
    }

    .desktop-market-footer a{
        color:#4b5563;
        font-size:14px;
    }

    .desktop-market-footer__bottom{
        padding-top:16px;
        color:#6b7280;
        font-size:13px;
    }
}

@media (min-width:1024px) and (max-width:1180px){
    .desktop-market-header__row{
        gap:14px;
    }

    .desktop-market-header__actions{
        gap:14px;
    }

    .desktop-home-marketplace__hero-row{
        grid-template-columns:minmax(0, 1fr) 290px;
    }

    .product-grid--desktop{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}

/* Sticky header desktop override */
@media (min-width:1024px){
    body.home,
    body.blog{
        --woopedia-desktop-header-height:111px;
    }

    body.home .desktop-market-header,
    body.blog .desktop-market-header{
        position:fixed !important;
        top:0;
        left:0;
        right:0;
        width:100%;
        z-index:9998;
    }

    body.admin-bar.home .desktop-market-header,
    body.admin-bar.blog .desktop-market-header{
        top:32px;
    }

    body.home .desktop-home-marketplace,
    body.blog .desktop-home-marketplace{
        padding-top:calc(var(--woopedia-desktop-header-height) + 22px);
    }

    body.admin-bar.home .desktop-home-marketplace,
    body.admin-bar.blog .desktop-home-marketplace{
        padding-top:calc(var(--woopedia-desktop-header-height) + 54px);
    }
}


/* v8 desktop header settings + mega menu */
@media (min-width:1024px){
    .desktop-market-header__promo{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .desktop-market-header__topmenu-list{
        list-style:none;
        display:flex;
        align-items:center;
        gap:18px;
        margin:0;
        padding:0;
    }

    .desktop-market-header__topmenu-list li{
        margin:0;
        padding:0;
    }

    .desktop-market-header__category-wrap{
        position:relative;
        flex:0 0 auto;
        align-self:stretch;
        display:flex;
        align-items:center;
        padding-bottom:16px;
        margin-bottom:-16px;
    }

    .desktop-market-header__category-wrap::after{
        content:"";
        position:absolute;
        left:-24px;
        right:-24px;
        top:100%;
        height:18px;
    }

    .desktop-market-header__category-trigger{
        min-height:44px;
        padding:0 4px;
        border:0;
        background:transparent;
        color:#1f2937;
        display:inline-flex;
        align-items:center;
        gap:6px;
        font-size:14px;
        font-weight:600;
        cursor:pointer;
        white-space:nowrap;
    }

    .desktop-market-header__category-trigger svg{
        color:#6b7280;
        transition:transform .2s ease;
    }

    .desktop-market-mega-menu{
        position:absolute;
        top:calc(100% + 2px);
        left:-18px;
        width:min(860px, calc(100vw - 80px));
        margin-top:0;
        background:#fff;
        border:1px solid #e5e7eb;
        border-radius:18px;
        box-shadow:0 16px 42px rgba(15,23,42,.12);
        padding:22px 24px 18px;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(8px);
        transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
        z-index:150;
    }

    .desktop-market-header__category-wrap:hover .desktop-market-mega-menu,
    .desktop-market-header__category-wrap:focus-within .desktop-market-mega-menu,
    .desktop-market-header__category-wrap.is-open .desktop-market-mega-menu{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0);
    }

    .desktop-market-header__category-wrap:hover .desktop-market-header__category-trigger svg,
    .desktop-market-header__category-wrap:focus-within .desktop-market-header__category-trigger svg,
    .desktop-market-header__category-wrap.is-open .desktop-market-header__category-trigger svg{
        transform:rotate(180deg);
    }

    .desktop-market-mega-menu__grid{
        display:grid;
        grid-template-columns:repeat(4, minmax(0, 1fr));
        gap:20px 24px;
    }

    .desktop-market-mega-menu__column{
        min-width:0;
    }

    .desktop-market-mega-menu__parent-card{
        display:flex;
        align-items:center;
        gap:12px;
        padding:12px;
        border:1px solid #edf2f7;
        border-radius:16px;
        background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
        transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
        margin-bottom:12px;
    }

    .desktop-market-mega-menu__parent-card:hover{
        border-color:#b8e7cb;
        box-shadow:0 12px 24px rgba(16, 185, 89, .10);
        transform:translateY(-1px);
    }

    .desktop-market-mega-menu__thumb{
        width:52px;
        height:52px;
        border-radius:14px;
        flex:0 0 52px;
        overflow:hidden;
        display:flex;
        align-items:center;
        justify-content:center;
        background:#ecfdf3;
        color:#10b759;
        font-size:22px;
        font-weight:800;
        line-height:1;
    }

    .desktop-market-mega-menu__thumb img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }

    .desktop-market-mega-menu__parent-texts{
        min-width:0;
        display:grid;
        gap:2px;
    }

    .desktop-market-mega-menu__parent-link{
        font-size:12px;
        font-weight:600;
        color:#10b759;
    }

    .desktop-market-mega-menu__parent{
        display:inline-flex;
        margin-bottom:10px;
        color:#111827;
        font-size:14px;
        font-weight:800;
        line-height:1.4;
    }

    .desktop-market-mega-menu__children{
        list-style:none;
        margin:0;
        padding:0;
        display:grid;
        gap:8px;
    }

    .desktop-market-mega-menu__children a{
        color:#4b5563;
        font-size:13px;
        line-height:1.45;
        display:block;
    }

    .desktop-market-mega-menu__children a:hover,
    .desktop-market-mega-menu__parent:hover,
    .desktop-market-mega-menu__footer a:hover,
    .desktop-market-header__actions a:hover,
    .desktop-market-header__topnav a:hover,
    .desktop-market-header__topmenu-list a:hover{
        color:#10b759;
    }

    .desktop-market-mega-menu__footer{
        margin-top:18px;
        padding-top:14px;
        border-top:1px solid #eef2f7;
    }

    .desktop-market-mega-menu__footer a{
        font-size:13px;
        font-weight:700;
        color:#10b759;
    }
}

@media (min-width:1024px) and (max-width:1180px){
    .desktop-market-mega-menu{
        width:min(720px, calc(100vw - 60px));
    }

    .desktop-market-mega-menu__grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}



.wishlist-drawer{
  position:fixed;
  inset:0;
  z-index:1200;
  pointer-events:none;
}
.wishlist-drawer__overlay{
  position:absolute;
  inset:0;
  background:rgba(17,24,39,.55);
  opacity:0;
  transition:opacity .25s ease;
}
.wishlist-drawer__panel{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translate(-50%,100%);
  width:min(calc(100% - 24px),420px);
  max-height:min(80vh,680px);
  background:#fff;
  border-radius:18px 18px 0 0;
  transition:transform .28s ease;
  box-shadow:0 -20px 60px rgba(15,23,42,.22);
  overflow:hidden;
}
.wishlist-drawer.is-open{
  pointer-events:auto;
}
.wishlist-drawer.is-open .wishlist-drawer__overlay{
  opacity:1;
}
.wishlist-drawer.is-open .wishlist-drawer__panel{
  transform:translate(-50%,0);
}
.wishlist-drawer__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 16px 14px;
  border-bottom:1px solid #e5e7eb;
  background:#fff;
}
.wishlist-drawer__header strong{
  font-size:16px;
  line-height:1.2;
  font-weight:800;
  color:#111827;
}
.wishlist-drawer__close,
.wishlist-drawer__close:hover,
.wishlist-drawer__close:focus{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  min-width:32px;
  height:32px;
  min-height:32px;
  padding:0;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#111827 !important;
  font-size:30px;
  line-height:1;
  box-shadow:none;
  cursor:pointer;
}
.wishlist-drawer__body{
  padding:0;
  overflow:auto;
  max-height:calc(min(80vh,680px) - 64px);
  background:#fff;
}
.wishlist-loading,
.wishlist-empty-state{
  padding:16px;
  background:#fff;
}
@media (min-width: 768px){
  .wishlist-drawer__panel{
    bottom:20px;
    border-radius:18px;
  }
}
.wishlist-empty-state p,
.wishlist-loading{
  margin:0;
  color:#374151;
  font-size:14px;
}
.wishlist-primary-button,
.wishlist-drawer .button,
.wishlist-drawer input[type="submit"],
.wishlist-drawer .wc-forward,
.wishlist-drawer a.button,
.wishlist-drawer .add_to_cart,
.wishlist-drawer .submit,
.wishlist-drawer .shop_table .product-add-to-cart a,
.wishlist-drawer .tinvwl_add_to_cart_button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:40px;
  padding:10px 16px;
  border-radius:12px;
  border:0;
  background:#10b981;
  color:#fff !important;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  box-shadow:none;
}
.wishlist-drawer-content{
  padding:0 0 16px;
}
.wishlist-drawer-content > *:first-child{
  margin-top:0;
}
.wishlist-drawer .wishlist-title,
.wishlist-drawer .page-title,
.wishlist-drawer h1,
.wishlist-drawer h2,
.wishlist-drawer .entry-title,
.wishlist-drawer .woocommerce-products-header,
.wishlist-drawer .wishlist_products_counter,
.wishlist-drawer .hidden-title-form,
.wishlist-drawer .cart-empty,
.wishlist-drawer table thead,
.wishlist-drawer .wishlist_table thead,
.wishlist-drawer .product-stock,
.wishlist-drawer .product-quantity,
.wishlist-drawer .product-price del,
.wishlist-drawer .product-price ins + *{
  display:none !important;
}
.wishlist-drawer table,
.wishlist-drawer .shop_table,
.wishlist-drawer .wishlist_table,
.wishlist-drawer ul.products,
.wishlist-drawer .tinvwl-table-manage-list{
  width:100%;
  margin:0;
  border:0 !important;
}
.wishlist-drawer table tbody tr,
.wishlist-drawer .wishlist_table tbody tr,
.wishlist-drawer ul.products li.product{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  margin:0;
  background:#fff;
  border-bottom:1px solid #e5e7eb;
}
.wishlist-drawer table td,
.wishlist-drawer table th{
  border:0 !important;
  padding:0 !important;
  background:transparent !important;
}
.wishlist-drawer .product-thumbnail,
.wishlist-drawer .product-remove,
.wishlist-drawer .product-name,
.wishlist-drawer .product-price,
.wishlist-drawer .product-add-to-cart{
  display:flex;
  align-items:center;
}
.wishlist-drawer .product-thumbnail{
  flex:0 0 auto;
}
.wishlist-drawer .product-name{
  flex:1 1 auto;
  min-width:0;
  display:block;
}
.wishlist-drawer .product-price{
  margin-top:4px;
}
.wishlist-drawer .product-add-to-cart{
  display:none !important;
}
.wishlist-drawer .product-thumbnail img,
.wishlist-drawer .product-image img,
.wishlist-drawer img.attachment-woocommerce_thumbnail,
.wishlist-drawer ul.products li.product img{
  width:48px !important;
  min-width:48px;
  height:48px !important;
  object-fit:cover;
  border-radius:10px;
  margin:0 !important;
}
.wishlist-drawer .product-name,
.wishlist-drawer .product-name a,
.wishlist-drawer .product-title,
.wishlist-drawer ul.products li.product .woocommerce-loop-product__title{
  color:#111827;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  text-decoration:none;
}
.wishlist-drawer .amount,
.wishlist-drawer .woocommerce-Price-amount,
.wishlist-drawer .product-price,
.wishlist-drawer ins{
  color:#111827;
  font-weight:800;
  font-size:14px;
  background:transparent;
  text-decoration:none;
}
.wishlist-drawer .product-remove,
.wishlist-drawer .product-remove a,
.wishlist-drawer .remove,
.wishlist-drawer .delete_item,
.wishlist-drawer .remove_from_wishlist{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  min-width:32px;
  height:32px;
  border-radius:10px;
  border:1px solid #e5e7eb;
  color:#111827 !important;
  text-decoration:none;
  font-size:18px;
  margin-left:auto;
}
.wishlist-drawer .actions,
.wishlist-drawer .wishlist-fragment,
.wishlist-drawer .tinv-wishlist .social-buttons,
.wishlist-drawer .tinvwl-to-left,
.wishlist-drawer .tinvwl-to-right,
.wishlist-drawer .product-stock-status{
  display:none !important;
}
.wishlist-drawer__footer{
  padding:18px;
  border-top:1px solid #e5e7eb;
  background:#fff;
  position:sticky;
  bottom:0;
}
@media (max-width: 767px){
  .wishlist-drawer__panel{
    width:min(calc(100% - 16px),420px);
    max-width:none;
    bottom:0;
    border-radius:18px 18px 0 0;
  }
  .wishlist-drawer__header strong{
    font-size:16px;
  }
}

}


/* Wishlist drawer: samakan efek dan bentuk dengan cart drawer */
.wishlist-drawer{
    position:fixed;
    inset:0;
    z-index:9999;
    pointer-events:none;
}
.wishlist-drawer__overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
    opacity:0;
    transition:opacity .28s ease;
}
.wishlist-drawer__panel{
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%) translateY(100%);
    width:100%;
    max-width:var(--app-width);
    max-height:88vh;
    background:#fff;
    border-radius:18px 18px 0 0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:transform .32s cubic-bezier(.22,.61,.36,1);
    box-shadow:none;
}
.wishlist-drawer.is-open{
    pointer-events:auto;
}
.wishlist-drawer.is-open .wishlist-drawer__overlay{
    opacity:1;
}
.wishlist-drawer.is-open .wishlist-drawer__panel{
    transform:translateX(-50%) translateY(0);
}
.wishlist-drawer__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:18px 16px;
    border-bottom:1px solid var(--border);
    background:#fff;
}
.wishlist-drawer__header strong{
    font-size:15px;
    line-height:1.2;
    font-weight:700;
    color:#111827;
}
.wishlist-drawer__close,
.wishlist-drawer__close:hover,
.wishlist-drawer__close:focus{
    border:0;
    background:transparent;
    font-size:22px;
    line-height:1;
    color:#333 !important;
    cursor:pointer;
    padding:0;
    width:auto;
    min-width:0;
    height:auto;
    min-height:0;
    border-radius:0;
    box-shadow:none;
}
.wishlist-drawer__body{
    padding:0 12px 8px;
    overflow:auto;
    flex:1 1 auto;
    max-height:none;
    background:#fff;
}
.wishlist-drawer__footer{
    padding:18px 12px 16px;
    border-top:1px solid var(--border);
    background:#fff;
    position:sticky;
    bottom:0;
}
@media (min-width: 768px){
  .wishlist-drawer__panel{
    bottom:0;
    border-radius:18px 18px 0 0;
  }
}
@media (max-width: 767px){
  .wishlist-drawer__panel{
    width:100%;
    max-width:var(--app-width);
    bottom:0;
    border-radius:18px 18px 0 0;
  }
}


/* =========================
   PRODUCT WISHLIST ACTIVE STATE
   ========================= */
.app-header__icon-button svg,
.app-header__icon-button svg path{
  transition:all .2s ease;
}
.app-header__icon-button--wishlist.is-loading,
.woopedia-wishlist-remove.is-loading{
  opacity:.55;
  pointer-events:none;
}

.woopedia-wishlist-list{
  display:flex;
  flex-direction:column;
  gap:0;
}
.woopedia-wishlist-item{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) 20px;
  align-items:center;
  gap:12px;
  padding:16px 0;
  border-bottom:1px solid #edf0f3;
}
.woopedia-wishlist-item:last-child{
  border-bottom:0;
}
.woopedia-wishlist-item__thumb{
  display:block;
  width:56px;
  height:56px;
  border-radius:12px;
  overflow:hidden;
  background:#f5f7fa;
}
.woopedia-wishlist-item__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.woopedia-wishlist-item__content{
  min-width:0;
}
.woopedia-wishlist-item__title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-decoration:none;
  color:#111827;
  font-size:14px;
  line-height:1.4;
  font-weight:500;
  margin-bottom:4px;
}
.woopedia-wishlist-item__price,
.woopedia-wishlist-item__price .amount,
.woopedia-wishlist-item__price .woocommerce-Price-amount{
  color:#111827;
  font-size:15px;
  font-weight:700;
}
.woopedia-wishlist-item__price del,
.woopedia-wishlist-item__price del .amount,
.woopedia-wishlist-item__price del .woocommerce-Price-amount{
  color:#98a2b3;
  font-size:12px;
  font-weight:500;
  margin-right:4px;
}
.woopedia-wishlist-remove{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:0;
  background:transparent;
  color:#9d9d9d;
  cursor:pointer;
  padding:0;
}
.woopedia-wishlist-remove svg{
  width:16px;
  height:16px;
  display:block;
}

/* Single product title wishlist icon */
.sp-title-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin:12px 0 8px;
}
.sp-title-row .sp-title{
    flex:1 1 auto;
    margin:0;
}
.sp-title-wishlist{
    width:28px;
    height:28px;
    min-width:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    background:transparent;
    color:#222;
    border-radius:999px;
    cursor:pointer;
    transition:all .2s ease;
}
.sp-title-wishlist:hover,
.sp-title-wishlist:focus{
    background:rgba(17,17,17,.06);
    color:#222;
}
.sp-title-wishlist svg,
.sp-title-wishlist img{
    width:22px;
    height:22px;
    display:block;
}
.sp-title-wishlist svg path,
.sp-title-wishlist img{
    transition:all .2s ease;
}
.sp-title-wishlist.is-active{
    color:#e11d48;
}
.sp-title-wishlist.is-loading{
    opacity:.55;
    pointer-events:none;
}

.share-drawer{
  position:fixed;
  inset:0;
  z-index:1002;
  pointer-events:none;
}
.share-drawer__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.56);
  opacity:0;
  transition:opacity .28s ease;
}
.share-drawer__panel{
  position:absolute;
  left:50%;
  bottom:0;
  width:min(100%, var(--app-width));
  background:#fff;
  border-radius:20px 20px 0 0;
  box-shadow:0 -10px 24px rgba(0,0,0,.18);
  transform:translate3d(-50%,100%,0);
  transition:transform .28s ease;
  overflow:hidden;
  max-height:88vh;
}
.share-drawer.is-open{
  pointer-events:auto;
}
.share-drawer.is-open .share-drawer__overlay{
  opacity:1;
}
.share-drawer.is-open .share-drawer__panel{
  transform:translate3d(-50%,0,0);
}
.share-drawer__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 18px 16px;
  border-bottom:1px solid #ececec;
}
.share-drawer__header strong{
  font-size:17px;
  line-height:1.25;
}
.share-drawer__close,
.share-drawer__close:hover,
.share-drawer__close:focus{
  border:0;
  background:transparent;
  color:#222;
  font-size:32px;
  line-height:1;
  padding:0;
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:none;
  outline:none;
}
.share-drawer__body{
  padding:16px 18px 18px;
}
.share-drawer__product{
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:16px;
  border-bottom:1px solid #ececec;
}
.share-drawer__product-thumb{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:12px;
  overflow:hidden;
  background:#f3f4f7;
}
.share-drawer__product-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.share-drawer__product-title{
  font-size:15px;
  line-height:1.35;
  font-weight:500;
  color:#181818;
}
.share-drawer__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px 10px;
  padding:18px 4px 4px;
}
.share-drawer__action{
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  color:#111;
  cursor:pointer;
  box-shadow:none;
}
.share-drawer__icon{
  width:52px;
  height:52px;
  border-radius:999px;
  border:1.5px solid #d8d8d8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#6f6f6f;
  background:#fff;
}
.share-drawer__icon svg{
  width:22px;
  height:22px;
  display:block;
  stroke:currentColor;
}
.share-drawer__icon--green{
  color:#11b44a;
  border-color:rgba(17,180,74,.45);
}
.share-drawer__icon--blue{
  color:#2b84ff;
  border-color:rgba(43,132,255,.42);
}
.share-drawer__icon--dark{
  color:#111;
  border-color:#d5d5d5;
}
.share-drawer__icon--neutral{
  color:#666;
  border-color:#d8d8d8;
}
.share-drawer__label{
  font-size:11px;
  line-height:1.2;
  text-align:center;
  color:#111;
  font-weight:500;
}
@media (max-width: 360px){
  .share-drawer__grid{
    gap:16px 6px;
  }
  .share-drawer__icon{
    width:48px;
    height:48px;
  }
}


/* Share drawer icon fix */
.share-drawer__icon{width:48px;height:48px;border-radius:999px;border:1.5px solid #d8d8d8;display:inline-flex;align-items:center;justify-content:center;background:#fff;box-shadow:none;}
.share-drawer__icon img{width:22px;height:22px;display:block;object-fit:contain;}
.share-drawer__icon--green{border-color:rgba(17,180,74,.45);}
.share-drawer__icon--blue{border-color:rgba(43,132,255,.42);}
.share-drawer__icon--dark{border-color:#d5d5d5;}
.share-drawer__icon--neutral{border-color:#d8d8d8;}
@media (max-width:480px){.share-drawer__icon{width:46px;height:46px;}.share-drawer__icon img{width:20px;height:20px;}}


.home-products-infinite-trigger{
    width:100%;
    height:1px;
}
.home-products-pagination{
    display:flex;
    justify-content:center;
    padding:16px 12px 6px;
}
.woopedia-home-pagination{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:center;
}
.woopedia-home-pagination__link{
    appearance:none;
    border:1px solid #d9e3dd;
    background:#fff;
    color:#1f2937;
    font-size:13px;
    font-weight:700;
    min-width:40px;
    height:40px;
    padding:0 12px;
    border-radius:999px;
    cursor:pointer;
    transition:all .18s ease;
}
.woopedia-home-pagination__link:hover,
.woopedia-home-pagination__link.is-active{
    border-color:#13bf89;
    background:#13bf89;
    color:#fff;
    box-shadow:0 10px 22px rgba(19,191,137,.18);
}