/* service strip (dipakai homepage + shop) */
.pds-service { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; background: #eef4ff; border-radius: 16px; padding: 26px 30px; }
.pds-service-item { display: flex; gap: 14px; align-items: center; }
.pds-service-item .si { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; background: #fff; display: grid; place-items: center; font-size: 24px; box-shadow: 0 10px 30px rgba(11,31,68,.08); }
.pds-service-item b { display: block; color: #0b1f44; font-size: 15px; margin-bottom: 2px; }
.pds-service-item small { color: #718096; font-size: 13px; }
@media (max-width: 1024px) { .pds-service { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .pds-service { grid-template-columns: 1fr 1fr; padding: 20px; gap: 14px; } .pds-service-item .si { flex-basis: 40px; width: 40px; height: 40px; font-size: 20px; } }
/* shop hero mini (ala mockup) + sidebar kartu + tombol penuh */
.pds-shop-hero { display: grid; grid-template-columns: 1.1fr .9fr; gap: 24px; align-items: center; background: linear-gradient(120deg, #e8f1ff, #d3e4ff 60%, #bcd6ff); border-radius: 20px; padding: 40px 44px; margin-bottom: 28px; overflow: hidden; position: relative; }
.pds-shop-hero h1 { font-size: clamp(26px, 3.4vw, 44px); color: #0b1f44; margin: 0 0 12px; line-height: 1.15; }
.pds-shop-hero h1 span { color: #1769ff; }
.pds-shop-hero p { color: #3d5578; margin: 0 0 20px; }
.pds-shop-hero-i { position: relative; text-align: center; }
.pds-shop-hero-i img { max-height: 260px; width: auto; margin: 0 auto; }
.pds-shop-off { position: absolute; top: 0; right: 6%; background: #fff; color: #1769ff; font-weight: 800; font-size: 13px; text-align: center; padding: 12px 16px; border-radius: 14px; box-shadow: 0 10px 30px rgba(11,31,68,.15); transform: rotate(6deg); }
.pds-shop-off b { font-size: 26px; color: #1769ff; }
.shop-sidebar .widget, #shop-sidebar .widget { background: #fff; border: 1px solid #e6ebf2; border-radius: 16px; padding: 20px; margin-bottom: 18px; }
.post-type-archive-product .add_to_cart_button, .tax-product_cat .add_to_cart_button { width: 100%; border-radius: 10px !important; font-weight: 700; }
.pds-wish { text-align: center; margin-top: 6px; }
/* sidebar shop ala mockup */
#shop-sidebar .widget{background:#fff;border:1px solid #e6ebf2;border-radius:16px;padding:22px;margin-bottom:18px}
#shop-sidebar .widget-title{font-size:16px;font-weight:800;color:#0b1f44;text-transform:none;letter-spacing:0}
#shop-sidebar .is-divider{display:none}
#shop-sidebar .product-categories li{border-bottom:1px solid #f1f5f9}
#shop-sidebar .product-categories li:last-child{border-bottom:0}
#shop-sidebar .product-categories a{display:flex;justify-content:space-between;align-items:center;padding:10px 2px;font-weight:600;color:#17233b}
#shop-sidebar .product-categories a:hover{color:#1769ff}
#shop-sidebar .product-categories .count{color:#718096;font-weight:400}
#shop-sidebar .price_slider_amount .button{width:100%;margin-top:10px;background:#1769ff;border-radius:10px;font-weight:700}
#shop-sidebar .price_label{font-size:13px;color:#718096;margin-top:8px}
@media(max-width:640px){ .pds-shop-hero { grid-template-columns: 1fr; padding: 28px 24px; } .pds-shop-hero-i { display: none; } }
.pds-off-badge{display:inline-block;background:#e5484d;color:#fff;font-weight:800;font-size:12px;padding:5px 10px;border-radius:999px;margin-left:6px}
/* badge diskon nempel di gambar kartu */
.box-image{position:relative}
.pds-card-off{position:absolute;top:10px;left:10px;z-index:3;background:#e5484d;color:#fff;font-weight:800;font-size:12px;padding:5px 10px;border-radius:999px}
.pds-loop-stock{font-size:12.5px;font-weight:700;margin-top:4px}
.pds-loop-stock.in{color:#16a36a}.pds-loop-stock.out{color:#e5484d}
/* kartu Flatsome: rounded + shadow premium */
.post-type-archive-product .product-small,.tax-product_cat .product-small,.post-type-archive-product .products .col{border-radius:16px}
.products .box-text{padding-left:14px!important;padding-right:14px!important}
.pds-single-trust{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0;padding:14px 16px;background:#f7f9fc;border:1px solid #e6ebf2;border-radius:12px;font-size:13.5px;font-weight:600;color:#0b1f44}
/* breadcrumbs rapi */
.woocommerce-breadcrumb{font-size:13px;margin-bottom:14px}
@media(max-width:640px){
  .products .col,.products .product-small{border-radius:12px}
  .woocommerce ul.products{display:grid!important;grid-template-columns:1fr 1fr}
  .woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
}