/*
 * Leadstart Commerce for Stripe - base stylesheet for the shop front-end.
 * The drawer/cart injects its own styles via JS; this file styles the
 * product archive grid, the single product page and the account pages. Everything
 * uses the leadstart-commerce-for-stripe- prefix - override freely in your theme.
 */

/* ---------- Archive (shop / category / tag pages) ---------- */
body.archive.tax-leadstart_product_category #page,
body.archive.tax-leadstart_product_tag #page {
    padding: 3rem !important;
}

.leadstart-commerce-for-stripe-archive {
    max-width: none;
    margin: 0 auto;
    padding: 0 !important;
}

.leadstart-commerce-for-stripe-product-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow .2s;
}
.leadstart-commerce-for-stripe-product-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); }

.leadstart-commerce-for-stripe-card-media { display: block; aspect-ratio: var(--lsm-card-ratio, 1 / 1); background: #f5f5f5; }
.leadstart-commerce-for-stripe-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.leadstart-commerce-for-stripe-card-noimg { display: block; width: 100%; height: 100%; min-height: 120px; background: #f5f5f5; object-fit: cover; }

/* Loading spinner: shown in the cart drawer, the cart page and the
   infinite-scroll sentinel while data is fetched. Pure CSS, no icon font. */
.leadstart-commerce-for-stripe-loader { display: flex; align-items: center; gap: 10px; color: #6c757d; font-size: 14px; padding: 16px; }
.leadstart-commerce-for-stripe-loader::before { content: ""; width: 18px; height: 18px; border-radius: 50%; border: 3px solid #dee2e6; border-top-color: var(--lsm-purple); animation: leadstart-commerce-for-stripe-spin .7s linear infinite; flex: none; }
@keyframes leadstart-commerce-for-stripe-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .leadstart-commerce-for-stripe-loader::before { animation-duration: 2s; } }
.leadstart-commerce-for-stripe-infinite-sentinel { min-height: 24px; }

.leadstart-commerce-for-stripe-card-title {
    font-size: 17px;
    margin: 14px 14px 4px;
}
.leadstart-commerce-for-stripe-card-title a { text-decoration: none; color: inherit; }

.leadstart-commerce-for-stripe-card-price {
    margin: 0 14px 10px;
    font-weight: 600;
    color: #111;
}

.leadstart-commerce-for-stripe-recurring { font-weight: 400; color: #666; font-size: .85em; }

.leadstart-commerce-for-stripe-card-actions { margin: auto 14px 14px; padding-top: 8px; }
.leadstart-commerce-for-stripe-unavailable { font-size: 13px; color: #999; font-style: italic; }

/* When Bootstrap 5 is enabled (Store -> Settings) the cards carry BS5 classes
   (card, card-body, btn); pin our layout so both modes look right. */
.leadstart-commerce-for-stripe-product-card.card { display: flex; flex-direction: column; height: 100%; }
.leadstart-commerce-for-stripe-product-card .card-body { padding: 0 0 4px; }
.leadstart-commerce-for-stripe-product-card .card-body h3 { font-size: 17px; margin: 14px 14px 4px; }
.leadstart-commerce-for-stripe-product-card .btn { border-radius: 6px; }

.leadstart-commerce-for-stripe-no-products { color: #777; }

/* ---------- Single product page ---------- */

.leadstart-commerce-for-stripe-product-page {
    max-width: none;
    margin: 0 auto;
    padding: 0;
}

.leadstart-commerce-for-stripe-product-media img { width: 100%; height: auto; border-radius: 8px; display: block; }

.leadstart-commerce-for-stripe-product-title { margin: 0 0 8px; }

.leadstart-commerce-for-stripe-product-price { font-size: 24px; font-weight: 700; margin: 0 0 16px; }

.leadstart-commerce-for-stripe-product-content { margin-bottom: 24px; }

.leadstart-commerce-for-stripe-product-actions button { font-size: 16px; padding: 12px 28px; }

.leadstart-commerce-for-stripe-stock { color: #666; font-size: 14px; }

.leadstart-commerce-for-stripe-crowdsignal { margin: 32px 0; }

/* ---------- Shared buttons (drawer injects its own; these cover page buttons) ---------- */

button.leadstart-commerce-for-stripe-add,
button.leadstart-commerce-for-stripe-waitlist-join {
    background: var(--lsm-purple);             /* Stripe brand purple - change to taste */
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
button.leadstart-commerce-for-stripe-add:hover,
button.leadstart-commerce-for-stripe-waitlist-join:hover { filter: brightness(1.1); }

button.leadstart-commerce-for-stripe-waitlist-open {
    background: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 10px 20px;
    cursor: pointer;
}

.leadstart-commerce-for-stripe-waitlist-form { display: flex; gap: 8px; flex-wrap: wrap; }
.leadstart-commerce-for-stripe-waitlist-email {
    flex: 1;
    min-width: 200px;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

/* ---------- Account page ([store_my_account]) ---------- */

.leadstart-commerce-for-stripe-account { max-width: 800px; margin: 0 auto; padding: 24px; }
.leadstart-commerce-for-stripe-account table { width: 100%; border-collapse: collapse; }
.leadstart-commerce-for-stripe-account th, .leadstart-commerce-for-stripe-account td { text-align: left; padding: 8px 12px; border-bottom: 1px solid #eee; }

/* ---------- Shop filters ([store_filters] + archive) ---------- */

.leadstart-commerce-for-stripe-filters {
    max-width: 1200px;
    margin: 0 auto 24px;
    padding: 16px 24px 0;
}
.leadstart-commerce-for-stripe-filter-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
.leadstart-commerce-for-stripe-filter { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #555; }
.leadstart-commerce-for-stripe-filter input, .leadstart-commerce-for-stripe-filter select {
    padding: 8px 10px;
    border: 1px solid #eee;
    border-radius: 2px;
    min-width: 200px;
}
.leadstart-commerce-for-stripe-price-range { display: inline-flex; gap: 6px; align-items: center; }
.leadstart-commerce-for-stripe-price-range input { width: 90px; min-width: 0; }
.leadstart-commerce-for-stripe-filter-apply {
    background: var(--lsm-purple);
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 5px 22px;
    cursor: pointer;
}

/* ---------- Profile form ---------- */

.leadstart-commerce-for-stripe-profile { max-width: 420px; display: flex; flex-direction: column; gap: 14px; }
.leadstart-commerce-for-stripe-profile label { font-size: 14px; color: #444; }
.leadstart-commerce-for-stripe-profile input {
    width: 100%;
    margin-top: 4px;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
}
.leadstart-commerce-for-stripe-profile button {
    background: var(--lsm-purple);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 11px 20px;
    font-weight: 600;
    cursor: pointer;
    align-self: flex-start;
}
.leadstart-commerce-for-stripe-profile-note { font-size: 13px; color: #777; }

.leadstart-commerce-for-stripe-notice { padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; font-size: 14px; }
.leadstart-commerce-for-stripe-notice-ok { background: #e8f7ee; color: #1a7f46; }
.leadstart-commerce-for-stripe-notice-err { background: #fdecec; color: #b3261e; }

/* ---------- Cart page ([store_cart], rendered by store.js) ---------- */

.leadstart-commerce-for-stripe-cart-table { width: 100%; }
.leadstart-commerce-for-stripe-cart-table th { padding: 12px 8px; border-bottom: 2px solid #eee; text-align: left; }
.leadstart-commerce-for-stripe-cart-table td { padding: 12px 8px; border-bottom: 1px solid #eee; vertical-align: middle; }
.leadstart-commerce-for-stripe-cart-thumb { width: 72px; height: 72px; object-fit: cover; border-radius: 6px; display: inline-block; }
.leadstart-commerce-for-stripe-cart-noimg { background: #f5f5f5; }
.leadstart-commerce-for-stripe-cart-title { text-decoration: none; color: inherit; font-weight: 600; }
.leadstart-commerce-for-stripe-cart-per { font-size: 12px; color: #777; margin-top: 2px; }
.leadstart-commerce-for-stripe-qty-group { display: flex; flex-wrap: nowrap !important; align-items: stretch; width: 100%; max-width: 220px; }
.leadstart-commerce-for-stripe-qty-group .btn { flex: 0 0 36px; border: 1px solid #ccc; background: #fff; color: #333; min-width: 36px; }
.leadstart-commerce-for-stripe-qty-group .form-control,
.leadstart-commerce-for-stripe-qty-value { flex: 1 1 auto; width: auto; min-width: 0; text-align: center; border: 1px solid #ccc; }
.leadstart-commerce-for-stripe-cart-qty { width: 230px; }
.leadstart-commerce-for-stripe-cart-remove .btn { background: #dc3545; border-color: #dc3545; color: #fff; }
.leadstart-commerce-for-stripe-cart-subtotal-row td { border-bottom: none; padding-top: 16px; }
button.leadstart-commerce-for-stripe-checkout-btn {
    background: var(--lsm-purple); border-color: var(--lsm-purple); color: #fff;
    border: none; border-radius: 6px; padding: 12px 28px;
    font-weight: 600; cursor: pointer;
}
button.leadstart-commerce-for-stripe-checkout-btn:hover { filter: brightness(1.08); }
.leadstart-commerce-for-stripe-cart-page-empty { color: #777; }
.leadstart-commerce-for-stripe-products > .col { min-width: 0; }
.leadstart-commerce-for-stripe-products > .col > [class*="leadstart-commerce-for-stripe-pgrid"] { width: 100%; }

.leadstart-commerce-for-stripe-cart-page { max-width: none; margin: 0 auto; padding: 0; }
.leadstart-commerce-for-stripe-cart-page > h1 { margin-bottom: 24px; }
.leadstart-commerce-for-stripe-cart-table { table-layout: fixed; }
.leadstart-commerce-for-stripe-cart-product { width: 40%; }
.leadstart-commerce-for-stripe-cart-qty { width: 230px; }
.leadstart-commerce-for-stripe-cart-unit, .leadstart-commerce-for-stripe-cart-line { width: 120px; white-space: nowrap; }
.leadstart-commerce-for-stripe-cart-remove { width: 90px; text-align: right; white-space: nowrap; }
@media (max-width: 767.98px) {
    .leadstart-commerce-for-stripe-cart-page { padding: 16px 12px; }
    .leadstart-commerce-for-stripe-cart-table { table-layout: auto; min-width: 0; }
    .leadstart-commerce-for-stripe-cart-table thead { display: none; }
    .leadstart-commerce-for-stripe-cart-table, .leadstart-commerce-for-stripe-cart-table tbody { display: block; width: 100%; }
    .leadstart-commerce-for-stripe-cart-table tr[data-line] { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px 12px; padding: 14px 0; border-bottom: 1px solid var(--lsm-line); }
    .leadstart-commerce-for-stripe-cart-table tr > td { display: block; width: auto; padding: 0; border: 0; }
    .leadstart-commerce-for-stripe-cart-table td.leadstart-commerce-for-stripe-cart-product { grid-column: 1 / -1; grid-row: 1; }
    .leadstart-commerce-for-stripe-cart-table td.leadstart-commerce-for-stripe-cart-qty { grid-column: 1; grid-row: 2; display: flex; align-items: center; gap: 10px; }
    .leadstart-commerce-for-stripe-cart-table td.leadstart-commerce-for-stripe-cart-remove { grid-column: 2; grid-row: 2; }
    .leadstart-commerce-for-stripe-cart-table td.leadstart-commerce-for-stripe-cart-unit { grid-column: 1 / -1; grid-row: 3; display: flex; justify-content: space-between; }
    .leadstart-commerce-for-stripe-cart-table td.leadstart-commerce-for-stripe-cart-line { grid-column: 1 / -1; grid-row: 4; display: flex; justify-content: space-between; }
    .leadstart-commerce-for-stripe-cart-table td[data-label]::before { content: attr(data-label); color: var(--lsm-muted); font-weight: 600; }
    .leadstart-commerce-for-stripe-cart-table .leadstart-commerce-for-stripe-qty-group { width: auto; flex-wrap: nowrap; }
    .leadstart-commerce-for-stripe-cart-table .leadstart-commerce-for-stripe-qty-group .leadstart-commerce-for-stripe-qty-value { width: 48px; flex: 0 0 48px; text-align: center; }
    .leadstart-commerce-for-stripe-cart-table tr.leadstart-commerce-for-stripe-cart-subtotal-row { display: flex; justify-content: space-between; padding: 14px 0 4px; }
    .leadstart-commerce-for-stripe-cart-table tr:not([data-line]) > td:empty { display: none; }
    .leadstart-commerce-for-stripe-cart-table tr.leadstart-commerce-for-stripe-cart-actions-row { display: block; padding-top: 10px; }
    .leadstart-commerce-for-stripe-cart-table tr.leadstart-commerce-for-stripe-cart-actions-row .d-flex { flex-direction: column-reverse; align-items: stretch; }
    .leadstart-commerce-for-stripe-cart-table tr.leadstart-commerce-for-stripe-cart-actions-row .btn { width: 100%; }
}

/* ---------- Restricted content message ---------- */

.leadstart-commerce-for-stripe-restricted {
    background: #f6f6f6;
    border-left: 4px solid var(--lsm-purple);
    padding: 16px 20px;
    border-radius: 0 6px 6px 0;
}
/********************* Demo 1 **********************/
.leadstart-commerce-for-stripe-pgrid1{font-family:Raleway,sans-serif;text-align:center;padding:0 0 72px;border:1px solid rgba(0,0,0,.1);overflow:hidden;position:relative;z-index:1}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-pimg1{position:relative;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-pimg1 a{display:block}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-pimg1 img{width:100%;height:auto}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-pic-1{opacity:1;transition:all .3s ease-out 0s}
.leadstart-commerce-for-stripe-pgrid1:hover .leadstart-commerce-for-stripe-pic-1{opacity:1}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-pic-2{opacity:0;position:absolute;top:0;left:0;transition:all .3s ease-out 0s}
.leadstart-commerce-for-stripe-pgrid1:hover .leadstart-commerce-for-stripe-pic-2{opacity:1}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-psocial{width:150px;padding:0;margin:0;list-style:none;opacity:0;transform:translateY(-50%) translateX(-50%);position:absolute;top:60%;left:50%;z-index:1;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid1:hover .leadstart-commerce-for-stripe-psocial{opacity:1;top:50%}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-psocial li{display:inline-block}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-psocial li a{color:#fff;background-color:#333;font-size:16px;line-height:40px;text-align:center;height:40px;width:40px;margin:0 2px;display:block;position:relative;transition:all .3s ease-in-out}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-psocial li a:hover{color:#fff;background-color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-psocial li a:after,.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-psocial li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;letter-spacing:1px;line-height:20px;padding:1px 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-psocial li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-20px;z-index:-1}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-psocial li a:hover:after,.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-psocial li a:hover:before{opacity:1}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-discount-label,.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-new-label{color:#fff;background-color:var(--lsm-purple);font-size:12px;text-transform:uppercase;padding:2px 7px;display:block;position:absolute;top:10px;left:0}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-discount-label{background-color:#333;left:auto;right:0}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-prating{color:#FFD200;font-size:12px;padding:12px 0 0;margin:0;list-style:none;position:relative;z-index:-1}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-prating li.disable{color:rgba(0,0,0,.2)}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-pcontent{background-color:#fff;text-align:center;padding:12px 0;margin:0 auto;position:absolute;left:0;right:0;bottom:-27px;z-index:1;transition:all .3s}
.leadstart-commerce-for-stripe-pgrid1:hover .leadstart-commerce-for-stripe-pcontent{bottom:0}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-ptitle{font-size:13px;font-weight:400;letter-spacing:.5px;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-ptitle a{color:#828282}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-ptitle a:hover,.leadstart-commerce-for-stripe-pgrid1:hover .leadstart-commerce-for-stripe-ptitle a{color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-pprice{color:#333;font-size:17px;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.6px;margin-bottom:8px;text-align:center;transition:all .3s}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-pprice span{color:#999;font-size:13px;font-weight:400;text-decoration:line-through;margin-left:3px;display:inline-block}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-cart-btn{color:#000;font-size:13px;font-weight:600}
@media only screen and (max-width:990px){.leadstart-commerce-for-stripe-pgrid1{margin-bottom:30px}
}
/********************* Demo 2 **********************/

.leadstart-commerce-for-stripe-pgrid2{font-family:'Open Sans',sans-serif;position:relative}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-pimg2{overflow:hidden;position:relative}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-pimg2 a{display:block}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-pimg2 img{width:100%;height:auto}
.leadstart-commerce-for-stripe-pimg2 .leadstart-commerce-for-stripe-pic-1{opacity:1;transition:all .5s}
.leadstart-commerce-for-stripe-pgrid2:hover .leadstart-commerce-for-stripe-pimg2 .leadstart-commerce-for-stripe-pic-1{opacity:.7}
.leadstart-commerce-for-stripe-pgrid2:hover .leadstart-commerce-for-stripe-pimg2 .leadstart-commerce-for-stripe-pic-1:has(+ .leadstart-commerce-for-stripe-pic-2){opacity:0}
.leadstart-commerce-for-stripe-pimg2 .leadstart-commerce-for-stripe-pic-2{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;transition:all .5s}
.leadstart-commerce-for-stripe-pgrid2:hover .leadstart-commerce-for-stripe-pimg2 .leadstart-commerce-for-stripe-pic-2{opacity:1}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-psocial{padding:0;margin:0;position:absolute;bottom:50px;right:25px;z-index:1}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-psocial li{margin:0 0 10px;display:block;transform:translateX(100px);transition:all .5s}
.leadstart-commerce-for-stripe-pgrid2:hover .leadstart-commerce-for-stripe-psocial li{transform:translateX(0)}
.leadstart-commerce-for-stripe-pgrid2:hover .leadstart-commerce-for-stripe-psocial li:nth-child(2){transition-delay:.15s}
.leadstart-commerce-for-stripe-pgrid2:hover .leadstart-commerce-for-stripe-psocial li:nth-child(3){transition-delay:.25s}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-psocial li a{color:#505050;background-color:#fff;font-size:17px;line-height:45px;text-align:center;height:45px;width:45px;border-radius:50%;display:block;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-psocial li a:hover{color:#fff;background-color:var(--lsm-purple);box-shadow:0 0 10px rgba(0,0,0,.5)}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-psocial li a:after,.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-psocial li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;line-height:22px;border-radius:3px;padding:0 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-psocial li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-22px;z-index:-1}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-psocial li a:hover:after,.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-psocial li a:hover:before{opacity:1}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-cart-btn{color:#fff;background-color:#404040;font-size:15px;text-align:center;width:100%;padding:10px 0;display:block;position:absolute;left:0;bottom:-100%;transition:all .3s}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-cart-btn:hover{background-color:var(--lsm-purple);text-decoration:none}
.leadstart-commerce-for-stripe-pgrid2:hover .leadstart-commerce-for-stripe-cart-btn{bottom:0}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-new-label{background-color:var(--lsm-purple);color:#fff;font-size:17px;padding:5px 10px;position:absolute;right:0;top:0;transition:all .3s}
.leadstart-commerce-for-stripe-pgrid2:hover .leadstart-commerce-for-stripe-new-label{opacity:0}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-pcontent{padding:20px 10px;text-align:center}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-ptitle{font-size:17px;margin:0 0 7px}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-ptitle a{color:#303030}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-ptitle a:hover{color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-pprice{color:#303030;font-size:15px}
@media screen and (max-width:990px){.leadstart-commerce-for-stripe-pgrid2{margin-bottom:30px}
}
/********************* Demo 3 **********************/
.leadstart-commerce-for-stripe-pgrid3{font-family:Roboto,sans-serif;text-align:center;position:relative;z-index:1}
.leadstart-commerce-for-stripe-pgrid3:before{content:"";height:81%;width:100%;background:#fff;border:1px solid rgba(0,0,0,.1);opacity:0;position:absolute;top:0;left:0;z-index:-1;transition:all .5s ease 0s}
.leadstart-commerce-for-stripe-pgrid3:hover:before{opacity:1;height:100%}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pimg3{position:relative}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pimg3 a{display:block}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pimg3 img{width:100%;height:auto}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pic-1{opacity:1;transition:all .5s ease-out 0s}
.leadstart-commerce-for-stripe-pgrid3:hover .leadstart-commerce-for-stripe-pic-1{opacity:.7}
.leadstart-commerce-for-stripe-pgrid3:hover .leadstart-commerce-for-stripe-pic-1:has(+ .leadstart-commerce-for-stripe-pic-2){opacity:0}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pic-2{position:absolute;top:0;left:0;opacity:0;transition:all .5s ease-out 0s}
.leadstart-commerce-for-stripe-pgrid3:hover .leadstart-commerce-for-stripe-pic-2{opacity:1}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-psocial{width:120px;padding:0;margin:0 auto;list-style:none;opacity:0;position:absolute;right:0;left:0;bottom:-23px;transform:scale(0);transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid3:hover .leadstart-commerce-for-stripe-psocial{opacity:1;transform:scale(1)}
.leadstart-commerce-for-stripe-pgrid3:hover .leadstart-commerce-for-stripe-discount-label,.leadstart-commerce-for-stripe-pgrid3:hover .leadstart-commerce-for-stripe-new-label,.leadstart-commerce-for-stripe-pgrid3:hover .leadstart-commerce-for-stripe-ptitle{opacity:0}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-psocial li{display:inline-block}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-psocial li a{color:var(--lsm-purple);background:#fff;font-size:18px;line-height:50px;width:50px;height:50px;border:1px solid rgba(0,0,0,.1);border-radius:50%;margin:0 2px;display:block;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-psocial li a:hover{background:var(--lsm-purple);color:#fff}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-discount-label,.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-new-label{background-color:var(--lsm-purple);color:#fff;font-size:17px;padding:2px 10px;position:absolute;right:10px;top:10px;transition:all .3s}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pcontent{z-index:-1;padding:15px;text-align:left}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-ptitle{font-size:14px;text-transform:capitalize;margin:0 0 7px;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-ptitle a{color:#414141}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pprice{color:#000;font-size:16px;letter-spacing:1px;font-weight:600;margin-right:2px;display:inline-block}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pprice span{color:#909090;font-size:14px;font-weight:500;letter-spacing:0;text-decoration:line-through;text-align:left;display:inline-block;margin-top:-2px}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-prating{padding:0;margin:-22px 0 0;list-style:none;text-align:right;display:block}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-prating li{color:#ffd200;font-size:13px;display:inline-block}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-prating li.disable{color:#dcdcdc}
@media only screen and (max-width:1200px){.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-prating{margin:0}
}
@media only screen and (max-width:990px){.leadstart-commerce-for-stripe-pgrid3{margin-bottom:30px}
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-prating{margin:-22px 0 0}
}
@media only screen and (max-width:359px){.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-prating{margin:0}
}
/********************* Demo 4 **********************/
.leadstart-commerce-for-stripe-pgrid4,.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-pimg4{position:relative}
.leadstart-commerce-for-stripe-pgrid4{font-family:Poppins,sans-serif;text-align:center;border-radius:5px;overflow:hidden;z-index:1;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid4:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-pimg4 a{display:block}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-pimg4 img{width:100%;height:auto}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-pic-1{opacity:1;transition:all .5s ease-out 0s}
.leadstart-commerce-for-stripe-pgrid4:hover .leadstart-commerce-for-stripe-pic-1{opacity:.7}
.leadstart-commerce-for-stripe-pgrid4:hover .leadstart-commerce-for-stripe-pic-1:has(+ .leadstart-commerce-for-stripe-pic-2){opacity:0}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-pic-2{position:absolute;top:0;left:0;opacity:0;transition:all .5s ease-out 0s}
.leadstart-commerce-for-stripe-pgrid4:hover .leadstart-commerce-for-stripe-pic-2{opacity:1}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-psocial{width:180px;padding:0;margin:0 auto;list-style:none;position:absolute;right:0;left:0;top:50%;transform:translateY(-50%);transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-psocial li{display:inline-block;opacity:0;transition:all .7s}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-psocial li:nth-child(1){transition-delay:.15s}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-psocial li:nth-child(2){transition-delay:.3s}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-psocial li:nth-child(3){transition-delay:.45s}
.leadstart-commerce-for-stripe-pgrid4:hover .leadstart-commerce-for-stripe-psocial li{opacity:1}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-psocial li a{color:#222;background:#fff;font-size:17px;line-height:36px;width:40px;height:36px;border-radius:2px;margin:0 5px;display:block;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-psocial li a:hover{color:#fff;background:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-psocial li a:after,.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-psocial li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;line-height:20px;border-radius:3px;padding:0 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-psocial li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-22px;z-index:-1}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-psocial li a:hover:after,.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-psocial li a:hover:before{opacity:1}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-discount-label,.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-new-label{color:#fff;background-color:var(--lsm-purple);font-size:13px;font-weight:800;text-transform:uppercase;line-height:45px;height:45px;width:45px;border-radius:50%;position:absolute;left:10px;top:15px;transition:all .3s}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-discount-label{left:auto;right:10px;background-color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid4:hover .leadstart-commerce-for-stripe-new-label{opacity:0}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-pcontent{padding:25px}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-ptitle{font-size:15px;font-weight:400;text-transform:capitalize;margin:0 0 7px;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-ptitle a{color:#222}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-ptitle a:hover{color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-pprice{color:var(--lsm-purple);font-size:17px;font-weight:700;margin:0 2px 15px 0;display:block}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-pprice span{color:#909090;font-size:13px;font-weight:400;letter-spacing:0;text-decoration:line-through;text-align:left;vertical-align:middle;display:inline-block}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-cart-btn{border:1px solid #e5e5e5;display:inline-block;padding:10px 20px;color:#888;font-weight:600;font-size:14px;border-radius:4px;transition:all .3s}
.leadstart-commerce-for-stripe-pgrid4:hover .leadstart-commerce-for-stripe-cart-btn{border:1px solid transparent;background:var(--lsm-purple);color:#fff}
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-cart-btn:hover{background-color:#505050;box-shadow:0 0 10px rgba(0,0,0,.5)}
@media only screen and (max-width:990px){.leadstart-commerce-for-stripe-pgrid4{margin-bottom:30px}
}
/********************* Demo 5 **********************/
.leadstart-commerce-for-stripe-pimg5 .leadstart-commerce-for-stripe-pic-1,.leadstart-commerce-for-stripe-pimg5 .leadstart-commerce-for-stripe-pic-2{backface-visibility:hidden;transition:all .5s ease 0s}
.leadstart-commerce-for-stripe-pgrid5{font-family:Poppins,sans-serif;position:relative}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-pimg5{overflow:hidden;position:relative}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-pimg5 a{display:block}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-pimg5 img{width:100%;height:auto}
.leadstart-commerce-for-stripe-pimg5 .leadstart-commerce-for-stripe-pic-1{opacity:1}
.leadstart-commerce-for-stripe-pgrid5:hover .leadstart-commerce-for-stripe-pimg5 .leadstart-commerce-for-stripe-pic-1{opacity:.7}
.leadstart-commerce-for-stripe-pgrid5:hover .leadstart-commerce-for-stripe-pimg5 .leadstart-commerce-for-stripe-pic-1:has(+ .leadstart-commerce-for-stripe-pic-2){opacity:0}
.leadstart-commerce-for-stripe-pimg5 .leadstart-commerce-for-stripe-pic-2{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0}
.leadstart-commerce-for-stripe-pgrid5:hover .leadstart-commerce-for-stripe-pimg5 .leadstart-commerce-for-stripe-pic-2{opacity:1}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-psocial{padding:0;margin:0;position:absolute;top:10px;right:10px}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-psocial li{display:block;margin:0 0 10px;transition:all .5s}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-psocial li:nth-child(2){opacity:0;transform:translateY(-50px)}
.leadstart-commerce-for-stripe-pgrid5:hover .leadstart-commerce-for-stripe-psocial li:nth-child(2){opacity:1;transform:translateY(0)}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-psocial li:nth-child(3){opacity:0;transform:translateY(-50px)}
.leadstart-commerce-for-stripe-pgrid5:hover .leadstart-commerce-for-stripe-psocial li:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.2s}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-psocial li a{color:#888;background:#fff;font-size:14px;text-align:center;line-height:40px;height:40px;width:40px;border-radius:50%;display:block;transition:.5s ease 0s}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-psocial li a:hover{color:#fff;background:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-select-options{color:#777;background-color:#fff;font-size:13px;font-weight:400;text-align:center;text-transform:uppercase;padding:15px 5px;margin:0 auto;opacity:0;display:block;position:absolute;width:92%;left:0;bottom:-100px;right:0;transition:.5s ease 0s}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-select-options:hover{color:#fff;background-color:var(--lsm-purple);text-decoration:none}
.leadstart-commerce-for-stripe-pgrid5:hover .leadstart-commerce-for-stripe-select-options{opacity:1;bottom:10px}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-pcontent{padding:20px 10px}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-ptitle{font-size:15px;font-weight:600;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-ptitle a{color:#222}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-ptitle a:hover{color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-pprice{color:#222;font-size:13px;font-weight:500;letter-spacing:1px}
@media only screen and (max-width:990px){.leadstart-commerce-for-stripe-pgrid5{margin-bottom:30px}
}
/********************* Demo 6 **********************/
.leadstart-commerce-for-stripe-pgrid6,.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-pimg6{overflow:hidden}
.leadstart-commerce-for-stripe-pgrid6{font-family:'Open Sans',sans-serif;text-align:center;position:relative;transition:all .5s ease 0s}
.leadstart-commerce-for-stripe-pgrid6:hover{box-shadow:0 0 10px rgba(0,0,0,.3)}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-pimg6{position:relative}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-pimg6 a{display:block}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-pimg6 img{width:100%;height:auto;transition:all .5s ease 0s}
.leadstart-commerce-for-stripe-pgrid6:hover .leadstart-commerce-for-stripe-pimg6 img{transform:scale(1.1)}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-pcontent{padding:12px 12px 15px;transition:all .5s ease 0s}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-ptitle{font-size:20px;font-weight:600;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-ptitle a{color:#000}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-ptitle a:hover{color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-pprice{font-size:18px;font-weight:600;color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-pprice span{color:#999;font-size:15px;font-weight:400;text-decoration:line-through;margin-left:7px;display:inline-block}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-psocial{background-color:#fff;width:100%;padding:0;margin:0;list-style:none;opacity:0;transform:translateX(-50%);position:absolute;bottom:-50%;left:50%;z-index:1;transition:all .5s ease 0s}
.leadstart-commerce-for-stripe-pgrid6:hover .leadstart-commerce-for-stripe-psocial{opacity:1;bottom:20px}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-psocial li{display:inline-block}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-psocial li a{color:#909090;font-size:16px;line-height:45px;text-align:center;height:45px;width:45px;margin:0 7px;border:1px solid #909090;border-radius:50px;display:block;position:relative;transition:all .3s ease-in-out}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-psocial li a:hover{color:#fff;background-color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-psocial li a:after,.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-psocial li a:before{content:attr(data-tip);color:#fff;background-color:var(--lsm-purple);font-size:12px;letter-spacing:1px;line-height:20px;padding:1px 5px;border-radius:5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-psocial li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-20px;z-index:-1}
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-psocial li a:hover:after,.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-psocial li a:hover:before{opacity:1}
@media only screen and (max-width:990px){.leadstart-commerce-for-stripe-pgrid6{margin-bottom:30px}
}
/********************* Demo 7 **********************/
.leadstart-commerce-for-stripe-pgrid7{font-family:'Roboto Slab',serif;position:relative;z-index:1}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-pimg7{border:1px solid rgba(0,0,0,.1);overflow:hidden;perspective:1500px;position:relative;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-pimg7 a{display:block}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-pimg7 img{width:100%;height:auto}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-pic-1{opacity:1;transition:all .5s ease-out 0s}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-pic-2{opacity:0;transform:rotateY(-90deg);position:absolute;top:0;left:0;transition:all .5s ease-out 0s}
.leadstart-commerce-for-stripe-pgrid7:hover .leadstart-commerce-for-stripe-pic-2{opacity:1;transform:rotateY(0)}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-psocial{padding:0;margin:0;list-style:none;position:absolute;bottom:3px;left:-60px;opacity:0;z-index:1;transition:all .5s ease 0s}
.leadstart-commerce-for-stripe-pgrid7:hover .leadstart-commerce-for-stripe-psocial{left:17px;opacity:1}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-psocial li a{color:#fff;background-color:#333;font-size:16px;line-height:40px;text-align:center;height:40px;width:40px;margin:15px 0;border-radius:50%;display:block;transition:all .5s ease-in-out}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-psocial li a:hover{color:#fff;background-color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-new-label{color:#fff;background-color:#333;padding:5px 10px;border-radius:5px;display:block;position:absolute;top:10px;left:10px}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-pcontent{text-align:center;padding:20px 0 0}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-ptitle{font-size:15px;font-weight:600;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-ptitle a{color:#333}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-ptitle a:hover{color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-prating{color:var(--lsm-purple);font-size:12px;padding:0;margin:0 0 10px;list-style:none}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-pprice{color:#333;font-size:20px;font-family:Lora,serif;font-weight:700;margin-bottom:8px;text-align:center;transition:all .3s}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-pprice span{color:#999;font-size:14px;font-weight:700;text-decoration:line-through;margin-left:7px;display:inline-block}
@media only screen and (max-width:990px){.leadstart-commerce-for-stripe-pgrid7{margin-bottom:30px}
}
/********************* Demo 8 **********************/
.leadstart-commerce-for-stripe-pgrid8{font-family:Poppins,sans-serif;position:relative;z-index:1}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pimg8{border:1px solid #e4e9ef;position:relative;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid8:hover .leadstart-commerce-for-stripe-pimg8{box-shadow:0 0 10px rgba(0,0,0,.15)}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pimg8 a{display:block}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pimg8 img{width:100%;height:auto}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pic-1{opacity:1;transition:all .5s ease-out 0s}
.leadstart-commerce-for-stripe-pgrid8:hover .leadstart-commerce-for-stripe-pic-1{opacity:.7}
.leadstart-commerce-for-stripe-pgrid8:hover .leadstart-commerce-for-stripe-pic-1:has(+ .leadstart-commerce-for-stripe-pic-2){opacity:0}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pic-2{opacity:0;position:absolute;top:0;left:0;transition:all .5s ease-out 0s}
.leadstart-commerce-for-stripe-pgrid8:hover .leadstart-commerce-for-stripe-pic-2{opacity:1}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-psocial{padding:0;margin:0;list-style:none;position:absolute;bottom:13px;right:13px;z-index:1}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-psocial li{opacity:0;transform:translateY(3px);transition:all .5s ease 0s}
.leadstart-commerce-for-stripe-pgrid8:hover .leadstart-commerce-for-stripe-psocial li{margin:0 0 10px;opacity:1;transform:translateY(0)}
.leadstart-commerce-for-stripe-pgrid8:hover .leadstart-commerce-for-stripe-psocial li:nth-child(1){transition-delay:.1s}
.leadstart-commerce-for-stripe-pgrid8:hover .leadstart-commerce-for-stripe-psocial li:nth-child(2){transition-delay:.2s}
.leadstart-commerce-for-stripe-pgrid8:hover .leadstart-commerce-for-stripe-psocial li:nth-child(3){transition-delay:.4s}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-psocial li a{color:gray;font-size:17px;line-height:40px;text-align:center;height:40px;width:40px;border:1px solid gray;display:block;transition:all .5s ease-in-out}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-psocial li a:hover{color:#000;border-color:#000}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-discount-label{display:block;padding:4px 15px 4px 30px;color:#fff;background-color:var(--lsm-purple);position:absolute;top:10px;right:0;-webkit-clip-path:polygon(34% 0,100% 0,100% 100%,0 100%);clip-path:polygon(34% 0,100% 0,100% 100%,0 100%)}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pcontent{padding:20px 0 0}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pprice{color:#000;font-size:19px;font-weight:400;margin-bottom:8px;text-align:left;transition:all .3s}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pprice span{color:#999;font-size:14px;font-weight:500;text-decoration:line-through;margin-left:7px;display:inline-block}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-shipping{color:rgba(0,0,0,.5);font-size:15px;padding-left:35px;margin:0 0 15px;display:block;position:relative}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-shipping:before{content:'';height:1px;width:25px;background-color:rgba(0,0,0,.5);transform:translateY(-50%);position:absolute;top:50%;left:0}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-ptitle{font-size:16px;font-weight:400;text-transform:capitalize;margin:0 0 30px;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-ptitle a{color:#000}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-ptitle a:hover{color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-all-deals{display:block;color:#fff;background-color:#2e353b;font-size:15px;letter-spacing:1px;text-align:center;text-transform:uppercase;padding:22px 5px;transition:all .5s ease 0s}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-all-deals .icon{margin-left:7px}
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-all-deals:hover{background-color:var(--lsm-purple)}
@media only screen and (max-width:990px){.leadstart-commerce-for-stripe-pgrid8{margin-bottom:30px}
}
/********************* Demo 9 **********************/
.leadstart-commerce-for-stripe-pgrid9,.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-pimg9{position:relative}
.leadstart-commerce-for-stripe-pgrid9{font-family:Poppins,sans-serif;z-index:1}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-pimg9{overflow:hidden}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-pimg9 a{display:block}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-psocial{padding:0;margin:0;position:absolute;bottom:50px;right:25px;z-index:1}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-psocial li{margin:0 0 10px;display:block;transform:translateX(100px);transition:all .5s}
.leadstart-commerce-for-stripe-pgrid9:hover .leadstart-commerce-for-stripe-psocial li{transform:translateX(0)}
.leadstart-commerce-for-stripe-pgrid9:hover .leadstart-commerce-for-stripe-psocial li:nth-child(2){transition-delay:.15s}
.leadstart-commerce-for-stripe-pgrid9:hover .leadstart-commerce-for-stripe-psocial li:nth-child(3){transition-delay:.25s}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-psocial li a{color:#505050;background-color:#fff;font-size:17px;line-height:45px;text-align:center;height:45px;width:45px;border-radius:50%;display:block;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-psocial li a:hover{color:#fff;background-color:var(--lsm-purple);box-shadow:0 0 10px rgba(0,0,0,.5)}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-psocial li a:after,.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-psocial li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;line-height:22px;border-radius:3px;padding:0 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-psocial li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-22px;z-index:-1}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-psocial li a:hover:after,.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-psocial li a:hover:before{opacity:1}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-pimg9 img{width:100%;height:auto}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-pic-1{opacity:1;transition:all .5s ease-out 0s}
.leadstart-commerce-for-stripe-pgrid9:hover .leadstart-commerce-for-stripe-pic-1{opacity:.7}
.leadstart-commerce-for-stripe-pgrid9:hover .leadstart-commerce-for-stripe-pic-1:has(+ .leadstart-commerce-for-stripe-pic-2){opacity:0}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-pic-2{position:absolute;top:0;left:0;opacity:0;transition:all .5s ease-out 0s}
.leadstart-commerce-for-stripe-pgrid9:hover .leadstart-commerce-for-stripe-pic-2{opacity:1}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-full-view{color:#505050;background-color:#fff;font-size:16px;height:45px;width:45px;padding:18px;border-radius:100px 0 0;display:block;opacity:0;position:absolute;right:0;bottom:0;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-full-view:hover{color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid9:hover .leadstart-commerce-for-stripe-full-view{opacity:1}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-pcontent{padding:12px 12px 0;overflow:hidden;position:relative}
.leadstart-commerce-for-stripe-pcontent .leadstart-commerce-for-stripe-prating{padding:0;margin:0 0 7px;list-style:none}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-prating li{font-size:12px;color:#ffd200;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-prating li.disable{color:rgba(0,0,0,.2)}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-ptitle{font-size:16px;font-weight:400;text-transform:capitalize;margin:0 0 3px;transition:all .3s ease 0s}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-ptitle a{color:rgba(0,0,0,.5)}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-ptitle a:hover{color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-pprice{color:#000;font-size:17px;margin:0;display:block;transition:all .5s ease 0s}
.leadstart-commerce-for-stripe-pgrid9:hover .leadstart-commerce-for-stripe-pprice{opacity:0}
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-cart-btn{display:block;color:var(--lsm-purple);font-weight:600;font-size:14px;opacity:0;position:absolute;left:10px;bottom:-20px;transition:all .5s ease 0s}
.leadstart-commerce-for-stripe-pgrid9:hover .leadstart-commerce-for-stripe-cart-btn{opacity:1;bottom:0}
@media only screen and (max-width:990px){.leadstart-commerce-for-stripe-pgrid9{margin-bottom:30px}
}

/* Cart drawer: with Bootstrap ON the drawer is a real BS5 offcanvas; these
   rules style OUR parts inside it (badge, line items, total, footer buttons).
   The hand-rolled panel styles live in store.js and only load when Bootstrap
   is off. */
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-drawer-badge { background: #111; color: #fff; border-radius: 999px; min-width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; padding: 0 6px; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-line { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid #f0f0f0; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-line-thumb { width: 46px; height: 46px; object-fit: cover; background: #f5f5f5; flex: none; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-line-title { font-size: 14px; font-weight: 500; text-decoration: none; color: inherit; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-line-qty { font-size: 13px; color: #555; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-line-price { font-size: 13px; font-weight: 600; white-space: nowrap; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-remove { background: none; border: none; color: #c00; cursor: pointer; font-size: 12px; text-decoration: underline; flex: none; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-drawer-total { padding: 12px 16px; font-weight: 600; font-size: 15px; border-top: 1px solid #eee; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-drawer-foot { padding: 16px; border-top: 1px solid #eee; display: flex; flex-direction: column; gap: 8px; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-checkout-btn { background: var(--lsm-purple); color: #fff; border: none; border-radius: 6px; padding: 12px; font-size: 15px; font-weight: 600; cursor: pointer; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-checkout-btn:disabled { opacity: .6; cursor: wait; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-drawer-cartpage { font-size: 13px; text-align: center; color: #555; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-drawer-head { display: flex; align-items: center; gap: 8px; padding: 14px 16px; border-bottom: 1px solid #eee; }

/* The action link is an <a> so it still works without JavaScript. */
.leadstart-commerce-for-stripe-pgrid1 a.leadstart-commerce-for-stripe-cart-btn, .leadstart-commerce-for-stripe-pgrid2 a.leadstart-commerce-for-stripe-cart-btn, .leadstart-commerce-for-stripe-pgrid3 a.leadstart-commerce-for-stripe-cart-btn,
.leadstart-commerce-for-stripe-pgrid4 a.leadstart-commerce-for-stripe-cart-btn, .leadstart-commerce-for-stripe-pgrid5 a.leadstart-commerce-for-stripe-cart-btn, .leadstart-commerce-for-stripe-pgrid6 a.leadstart-commerce-for-stripe-cart-btn,
.leadstart-commerce-for-stripe-pgrid7 a.leadstart-commerce-for-stripe-cart-btn, .leadstart-commerce-for-stripe-pgrid8 a.leadstart-commerce-for-stripe-cart-btn, .leadstart-commerce-for-stripe-pgrid9 a.leadstart-commerce-for-stripe-cart-btn { text-decoration: none; }
.leadstart-commerce-for-stripe-unavailable { font-size: 13px; color: #999; font-style: italic; }
.leadstart-commerce-for-stripe-pprice .leadstart-commerce-for-stripe-recurring { font-weight: 400; color: #666; font-size: .85em; }

/* ============================================================
   SINGLE PRODUCT PAGE - two columns: gallery left, buy box right,
   tabbed additional info / sizing chart / comments underneath.
   ============================================================ */

.leadstart-commerce-for-stripe-product-page { max-width: 1100px; margin: 0 auto; padding: 24px; }
.leadstart-commerce-for-stripe-single-main-img { width: 100%; height: auto; border-radius: 8px; display: block; background: #f5f5f5; }
.leadstart-commerce-for-stripe-single-thumbs { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.leadstart-commerce-for-stripe-single-thumb { width: 72px; height: 72px; object-fit: cover; border-radius: 6px; cursor: pointer; border: 2px solid transparent; }
.leadstart-commerce-for-stripe-single-thumb.is-active { border-color: #333; }

.leadstart-commerce-for-stripe-product-title { margin: 0 0 8px; }
.leadstart-commerce-for-stripe-product-price { font-size: 26px; font-weight: 700; margin: 0 0 12px; }
.leadstart-commerce-for-stripe-single-kind { margin: 0 0 12px; display: flex; gap: 6px; }
.leadstart-commerce-for-stripe-single-desc { margin-bottom: 20px; }
.leadstart-commerce-for-stripe-single-meta { font-size: 14px; color: #555; margin: 0 0 6px; }
.leadstart-commerce-for-stripe-product-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 16px; }
.leadstart-commerce-for-stripe-product-actions button.leadstart-commerce-for-stripe-add { font-size: 16px; padding: 12px 28px; }
.leadstart-commerce-for-stripe-stock { color: #666; font-size: 14px; margin: 0; }

.leadstart-commerce-for-stripe-single-tabs { margin-top: 40px; }
.leadstart-commerce-for-stripe-info-table { max-width: 640px; }
.leadstart-commerce-for-stripe-info-table th { width: 180px; }

/* Bootstrap absent: tabs stay real tabs (store.js handles clicks); badges/progress get plain styles. */
.leadstart-commerce-for-stripe-no-bs .tab-content > .tab-pane { display: none; }
.leadstart-commerce-for-stripe-no-bs .tab-content > .tab-pane.active { display: block; }
.leadstart-commerce-for-stripe-no-bs .nav-tabs { display: flex; gap: 8px; list-style: none; padding: 0; margin: 0 0 16px; border-bottom: 1px solid #dee2e6; flex-wrap: wrap; }
.leadstart-commerce-for-stripe-no-bs .nav-tabs .nav-link { border: none; background: none; cursor: pointer; padding: 10px 16px; color: #555; font-size: 15px; }
.leadstart-commerce-for-stripe-no-bs .nav-tabs .nav-link.active { color: #333; border-bottom: 2px solid #333; margin-bottom: -1px; }
.leadstart-commerce-for-stripe-no-bs .badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.leadstart-commerce-for-stripe-no-bs .text-bg-secondary { background: #6c757d; color: #fff; }
.leadstart-commerce-for-stripe-no-bs .text-bg-info { background: #0dcaf0; color: #000; }
.leadstart-commerce-for-stripe-no-bs .progress { height: 10px; background: #e9ecef; border-radius: 999px; overflow: hidden; }
.leadstart-commerce-for-stripe-no-bs .progress-bar { background: #28a745; height: 100%; }
/* ============================================================
   ACCOUNT DASHBOARD ([store_my_account]) - Bootstrap-Dashboard
   look on the FRONT-END: top bar + stat cards + content.
   Never touches wp-admin.
   ============================================================ */

.leadstart-commerce-for-stripe-db { max-width: 1200px; margin: 0 auto; padding: 24px; }

/* Top bar */
.leadstart-commerce-for-stripe-db-topbar { display: flex; align-items: center; gap: 14px; background: #212529; color: #fff; border-radius: 10px; padding: 10px 16px; margin-bottom: 24px; }
.leadstart-commerce-for-stripe-db-menu-btn { background: none; border: 0; padding: 8px; cursor: pointer; border-radius: 6px; }
.leadstart-commerce-for-stripe-db-menu-btn:hover { background: rgba(255,255,255,.08); }
.leadstart-commerce-for-stripe-db-burger { display: inline-block; width: 22px; height: 2px; background: #fff; position: relative; }
.leadstart-commerce-for-stripe-db-burger::before, .leadstart-commerce-for-stripe-db-burger::after { content: ""; position: absolute; left: 0; width: 22px; height: 2px; background: #fff; }
.leadstart-commerce-for-stripe-db-burger::before { top: -6px; } .leadstart-commerce-for-stripe-db-burger::after { top: 6px; }
.leadstart-commerce-for-stripe-db-brand { font-weight: 700; font-size: 17px; }
.leadstart-commerce-for-stripe-db-topuser { margin-left: auto; display: flex; align-items: center; gap: 10px; font-size: 14px; color: #ced4da; }
.leadstart-commerce-for-stripe-db-topuser-name { white-space: nowrap; }
.leadstart-commerce-for-stripe-db-avatar { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--lsm-purple); color: #fff; font-weight: 600; font-size: 16px; flex: none; }
.leadstart-commerce-for-stripe-db-topuser .leadstart-commerce-for-stripe-db-avatar { width: 32px; height: 32px; font-size: 14px; }

/* Offcanvas menu (standard BS5 component + own fallback styles below) */
.leadstart-commerce-for-stripe-db-nav { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.leadstart-commerce-for-stripe-db-nav a { display: block; color: #333; text-decoration: none; padding: 10px 12px; border-radius: 6px; font-size: 15px; }
.leadstart-commerce-for-stripe-db-nav a:hover { background: #f1f3f5; }
.leadstart-commerce-for-stripe-db-nav i { width: 22px; margin-right: 10px; text-align: center; }

/* Content */
.leadstart-commerce-for-stripe-db-main { min-width: 0; }
.leadstart-commerce-for-stripe-db-section { margin-bottom: 40px; scroll-margin-top: 24px; }
.leadstart-commerce-for-stripe-db-h1 { font-size: 26px; font-weight: 700; margin: 4px 0 20px; }
.leadstart-commerce-for-stripe-db-h2 { font-size: 19px; font-weight: 700; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid #eee; }

.leadstart-commerce-for-stripe-db-card { background: #fff; border: 1px solid #e9ecef; border-radius: 10px; padding: 16px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.leadstart-commerce-for-stripe-db-card h6 { margin: 0; color: #6c757d; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }
.leadstart-commerce-for-stripe-db-big { font-size: 30px; font-weight: 700; line-height: 1; }
.leadstart-commerce-for-stripe-db-small { font-size: 13px; color: #555; }
.leadstart-commerce-for-stripe-db-note { font-size: 13px; color: #777; margin: 0; }
.leadstart-commerce-for-stripe-db-copy { width: 100%; padding: 8px 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 12px; color: #333; background: #f8f9fa; }
.leadstart-commerce-for-stripe-db-progress { width: 100%; }
.leadstart-commerce-for-stripe-db-checklist { list-style: none; margin: 0; padding: 0; font-size: 14px; display: flex; flex-direction: column; gap: 4px; }
.leadstart-commerce-for-stripe-db-checklist li::before { content: "- "; color: #adb5bd; }
.leadstart-commerce-for-stripe-db-checklist li.is-done::before { content: "[done] "; color: #28a745; }

/* Staff dashboard stat cards + quick action buttons (content, not menu) */
.leadstart-commerce-for-stripe-db-stats .leadstart-commerce-for-stripe-db-card { border-top: 3px solid var(--lsm-purple); }
.leadstart-commerce-for-stripe-db-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }

/* Orders / subscriptions tables inside the dashboard keep readable styling
   whether or not Bootstrap is loaded. */
.leadstart-commerce-for-stripe-db table.leadstart-commerce-for-stripe-orders { width: 100%; border-collapse: collapse; }
.leadstart-commerce-for-stripe-db table.leadstart-commerce-for-stripe-orders th, .leadstart-commerce-for-stripe-db table.leadstart-commerce-for-stripe-orders td { padding: 8px 10px; border-bottom: 1px solid #eee; text-align: left; font-size: 14px; }

/* Bootstrap absent: stand-ins for the BS5 pieces the dashboard uses. */
.leadstart-commerce-for-stripe-no-bs .btn { display: inline-block; padding: 8px 16px; font-size: 15px; border-radius: 6px; border: 1px solid transparent; cursor: pointer; text-decoration: none; text-align: center; }
.leadstart-commerce-for-stripe-no-bs .btn-sm { padding: 5px 12px; font-size: 13px; }
.leadstart-commerce-for-stripe-no-bs .btn-primary { background: var(--lsm-purple); color: #fff; }
.leadstart-commerce-for-stripe-no-bs .btn-success { background: #28a745; color: #fff; }
.leadstart-commerce-for-stripe-no-bs .btn-outline-secondary { background: none; border-color: #6c757d; color: #333; }
.leadstart-commerce-for-stripe-no-bs .btn-outline-secondary:hover { background: #f1f3f5; }
.leadstart-commerce-for-stripe-no-bs .btn-danger, .leadstart-commerce-for-stripe-no-bs .leadstart-commerce-for-stripe-cart-remove .btn { background: #dc3545; border-color: #dc3545; color: #fff; }
.leadstart-commerce-for-stripe-no-bs .btn-close { background: none; border: 0; font-size: 22px; line-height: 1; cursor: pointer; color: #000; }
.leadstart-commerce-for-stripe-no-bs .offcanvas { position: fixed; top: 0; left: 0; bottom: 0; width: 300px; max-width: 85vw; background: #fff; color: #333; z-index: 1050; padding: 16px; box-shadow: 0 0 20px rgba(0,0,0,.25); transform: translateX(-100%); transition: transform .25s ease; }
.leadstart-commerce-for-stripe-no-bs .offcanvas.showing, .leadstart-commerce-for-stripe-no-bs .offcanvas.show { transform: translateX(0); }
.leadstart-commerce-for-stripe-no-bs .offcanvas-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.leadstart-commerce-for-stripe-no-bs .offcanvas-title { font-size: 17px; font-weight: 700; margin: 0; }

/* ---------- Cross-sell (cart page; drawer styles injected by store.js) ---------- */

.leadstart-commerce-for-stripe-crosssell { margin-top: 24px; }
.leadstart-commerce-for-stripe-crosssell-title { font-size: 15px; font-weight: 600; margin: 0 0 10px; }
.leadstart-commerce-for-stripe-crosssell a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; border: 1px solid #eee; border-radius: 8px; padding: 10px; }
.leadstart-commerce-for-stripe-crosssell a:hover { border-color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-crosssell img, .leadstart-commerce-for-stripe-crosssell-noimg { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; background: #f5f5f5; flex: none; }
.leadstart-commerce-for-stripe-crosssell em { font-style: normal; color: #555; font-size: 12px; display: block; }

/* ---------- Pagination ---------- */

.leadstart-commerce-for-stripe-pagination { margin: 24px 0; display: flex; gap: 6px; flex-wrap: wrap; }
.leadstart-commerce-for-stripe-pagination .page-numbers { padding: 8px 14px; border: 1px solid #ddd; border-radius: 6px; text-decoration: none; color: #333; }
.leadstart-commerce-for-stripe-pagination .page-numbers.current { background: #111; color: #fff; border-color: #111; }
.leadstart-commerce-for-stripe-infinite-sentinel { height: 1px; }
/* Requested product archive / demo consistency fixes. */
body.post-type-archive-leadstart_product #page{padding-left:3rem!important;padding-right:3rem!important}
.leadstart-commerce-for-stripe-filters{max-width:100%;margin:0 auto 24px;padding:16px 24px;border:1px solid #eee;border-radius:2px;background:#fff;border-top:0}
.leadstart-commerce-for-stripe-filter input,.leadstart-commerce-for-stripe-filter select{padding:8px 10px;border:1px solid #eee;border-radius:2px;min-width:200px}
.leadstart-commerce-for-stripe-filter-apply{background:var(--lsm-purple);border-radius:3px;padding:5px 22px}
.leadstart-commerce-for-stripe-filter-apply:hover,.leadstart-commerce-for-stripe-filter-apply:focus{background:var(--lsm-purple-deep);color:#fff}
body.post-type-archive-leadstart_product .pin-it-btn-wrapper{position:relative;display:block}
body.single-leadstart_product .nav-tabs .nav-link{color:#000}
body.single-leadstart_product .nav-item.show .nav-link,body.single-leadstart_product .nav-tabs .nav-link.active{color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-detail-qty{width:132px}
.leadstart-commerce-for-stripe-detail-qty .leadstart-commerce-for-stripe-product-qty{text-align:center;max-width:56px}
.leadstart-commerce-for-stripe-single-gallery .carousel-container{min-height:0}
.leadstart-commerce-for-stripe-single-gallery .carousel-thumbnails{width:92px;flex:0 0 92px}
.leadstart-commerce-for-stripe-single-gallery .carousel-thumbnails button{width:92px;height:auto;aspect-ratio:var(--lsm-thumb-ratio,1/1);padding:0;border:2px solid #dee2e6;background:#fff;border-radius:.375rem;overflow:hidden}
.leadstart-commerce-for-stripe-single-gallery .carousel-thumbnails button.active{border-color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-single-gallery .carousel-thumbnails img{width:100%;height:100%;object-fit:var(--lsm-thumb-fit,cover)}
.leadstart-commerce-for-stripe-single-gallery .carousel-main{min-width:0}
.leadstart-commerce-for-stripe-single-gallery .carousel-inner,.leadstart-commerce-for-stripe-single-gallery .zoom-container{height:auto;aspect-ratio:var(--lsm-single-ratio,1/1)}
.leadstart-commerce-for-stripe-single-gallery .zoom-container{overflow:hidden;position:relative;cursor:crosshair;border-radius:12px}
.leadstart-commerce-for-stripe-single-gallery .zoom-img{width:100%;height:100%;object-fit:var(--lsm-single-fit,cover);transition:transform .5s ease,transform-origin .5s ease}
.leadstart-commerce-for-stripe-single-gallery .zoom-container:hover .zoom-img{transform:scale(1.25);transform-origin:center center}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-cart-btn:hover{background-color:var(--lsm-purple);text-decoration:none}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-new-label{background-color:var(--lsm-purple);color:#fff}
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-ptitle a:hover{color:var(--lsm-purple)}
.leadstart-commerce-for-stripe-search-summary,.leadstart-commerce-for-stripe-tax-summary{padding-left:0;padding-right:0}
@media(max-width:767.98px){
body.post-type-archive-leadstart_product #page{padding-left:1rem!important;padding-right:1rem!important}
.leadstart-commerce-for-stripe-single-gallery .carousel-container{min-height:0}
.leadstart-commerce-for-stripe-single-gallery .carousel-thumbnails{width:auto;flex:0 0 auto;overflow-x:auto;padding-bottom:4px}
.leadstart-commerce-for-stripe-single-gallery .carousel-thumbnails button{width:64px;height:auto;flex:0 0 64px}
.leadstart-commerce-for-stripe-single-gallery .carousel-inner,.leadstart-commerce-for-stripe-single-gallery .zoom-container{height:auto;aspect-ratio:var(--lsm-single-ratio,1/1)}
}

/* Bootstrap 5 account/dashboard patch.
   Bootstrap owns the layout. No CSS grid and no custom grid fallback. */
.leadstart-commerce-for-stripe-db-cards{margin-left:0;margin-right:0}
.leadstart-commerce-for-stripe-db-stats .leadstart-commerce-for-stripe-db-card{border-top:3px solid var(--lsm-purple)}
.leadstart-commerce-for-stripe-db-tabs{margin-top:28px}
.leadstart-commerce-for-stripe-db-tab-content{min-width:0}
.leadstart-commerce-for-stripe-db-tab-content .leadstart-commerce-for-stripe-db-section{margin-bottom:0}
.leadstart-commerce-for-stripe-db-customer .leadstart-commerce-for-stripe-db-menu-btn,
.leadstart-commerce-for-stripe-db-customer .leadstart-commerce-for-stripe-db-offcanvas{display:none!important}

.offcanvas {
    z-index: 99999 !important;
    border-left: none !important;
}



/* Requested Bootstrap 5 visual fixes. */
.leadstart-commerce-for-stripe-cart-page-checkout,
.leadstart-commerce-for-stripe-product-actions .leadstart-commerce-for-stripe-add { background:var(--lsm-purple) !important; color:#fff !important; border-color:var(--lsm-purple) !important; }
.leadstart-commerce-for-stripe-cart-page-checkout:hover,
.leadstart-commerce-for-stripe-product-actions .leadstart-commerce-for-stripe-add:hover { background:var(--lsm-purple-deep) !important; color:#fff !important; }
.leadstart-commerce-for-stripe-purple-badge { background:var(--lsm-purple) !important; color:#fff !important; border:0; }
.leadstart-commerce-for-stripe-detail-qty { width:auto !important; max-width:100%; height:58px; border:1px solid #d8d5cf; border-radius:3px; background:#fff; overflow:hidden; display:inline-flex !important; flex:0 0 auto; }
.leadstart-commerce-for-stripe-detail-qty-btn { width:58px; flex:0 0 58px; height:56px; border:0; background:transparent; color:#111; font-size:24px; line-height:1; padding:0; }
.leadstart-commerce-for-stripe-detail-qty-btn:hover { background:#f7f6f3; }
.leadstart-commerce-for-stripe-detail-qty .leadstart-commerce-for-stripe-product-qty { width:70px; flex:0 0 70px; height:56px; border:0; background:transparent; box-shadow:none; text-align:center; font-size:20px; font-weight:600; padding:0; -moz-appearance:textfield; }
.leadstart-commerce-for-stripe-detail-qty .leadstart-commerce-for-stripe-product-qty::-webkit-outer-spin-button,
.leadstart-commerce-for-stripe-detail-qty .leadstart-commerce-for-stripe-product-qty::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.leadstart-commerce-for-stripe-breadcrumbs { margin-bottom:0; }
.leadstart-commerce-for-stripe-breadcrumbs .breadcrumb-item a { color:#111; text-decoration:none; }
.leadstart-commerce-for-stripe-breadcrumbs .breadcrumb-item a:hover { color:var(--lsm-purple); }
.leadstart-commerce-for-stripe-breadcrumbs .breadcrumb-item.active { color:var(--lsm-purple); }
.leadstart-commerce-for-stripe-cart-page-checkout { border-radius:3px !important; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-drawer-total { margin-left:0; margin-right:0; }
.leadstart-commerce-for-stripe-crosssell a { min-width:0; width:100%; box-sizing:border-box; }
.leadstart-commerce-for-stripe-crosssell a span { min-width:0; overflow-wrap:break-word; }
@media (max-width: 575.98px) {
  .leadstart-commerce-for-stripe-detail-qty { width:auto !important; }
  .leadstart-commerce-for-stripe-detail-qty-btn { width:54px; flex-basis:54px; }
  .leadstart-commerce-for-stripe-detail-qty .leadstart-commerce-for-stripe-product-qty { width:70px; flex-basis:70px; }
}


/* =====================================================================
   LEADSTART MEDIA DESIGN LAYER  v1.0  — appended to store.css
   ---------------------------------------------------------------------
   Re-skins the plugin's own markup. All original rules above are kept
   so every plugin feature (pgrid demos, dashboard, drawer, no-BS
   fallbacks) keeps working; the rules below override the colors.
   - Purple var(--lsm-purple) is the ONLY solid accent.
   - Pink / yellow appear ONLY inside the gradient (rating stars,
     "10% OFF" tags, discount labels).
   - Dark / light mode is driven by data-bs-theme on <html>, set by the
     small script included in the replaced templates + the round
     #lsm-theme-toggle button (bottom-right).
   ===================================================================== */

/* ---------- 1. Design tokens ---------- */
:root {
    --lsm-purple: #635bff;
    --lsm-purple-600: #7a6fff;
    --lsm-purple-deep: #5148e8;
    --lsm-purple-soft: rgba(99, 91, 255, .14);
    --lsm-purple-line: rgba(99, 91, 255, .4);
    --lsm-grad: linear-gradient(90deg, #e7f524 30%, #f12d4a 55%, #d08be7 100%);

    /* light mode */
    --lsm-bg: #f4f4f8;
    --lsm-surface: #ffffff;
    --lsm-surface-2: #ededf3;
    --lsm-line: #e2e2ea;
    --lsm-text: #15151a;
    --lsm-muted: #65656f;
    --lsm-radius: 14px;
}

[data-bs-theme="dark"] {
    --lsm-bg: #0a0a0a;
    --lsm-surface: #131313;
    --lsm-surface-2: #1a1a1a;
    --lsm-line: #272727;
    --lsm-text: #f5f5f5;
    --lsm-muted: #9b9b9b;
}

/* Store page background — scoped to store pages only (the templates add
   the lsm-store-page body class); the rest of the site keeps its theme. */
body.lsm-store-page { background: var(--lsm-bg); color: var(--lsm-text); }
[data-bs-theme="dark"] body.post-type-archive-leadstart_product,
[data-bs-theme="dark"] body.single-leadstart_product,
[data-bs-theme="dark"] body.tax-leadstart_product_category,
[data-bs-theme="dark"] body.tax-leadstart_product_tag,
[data-bs-theme="dark"] body.search { background: var(--lsm-bg); color: var(--lsm-text); }

/* ---------- 2. Gradient text — the ONLY place pink/yellow appear ---------- */
.special-deal {
    background: var(--lsm-grad);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
    font-weight: 900; letter-spacing: .04em; font-size: 15px; display: inline-block;
}

/* ---------- 3. Theme toggle button (added by the templates) ---------- */
#lsm-theme-toggle {
    position: fixed; right: 18px; bottom: 18px; z-index: 99999;
    width: 46px; height: 46px; border-radius: 50%;
    background: var(--lsm-purple); color: #fff; border: none; cursor: pointer;
    box-shadow: 0 6px 20px var(--lsm-purple-line); font-size: 18px; line-height: 1;
    transition: background .25s, transform .2s;
}
#lsm-theme-toggle:hover { background: var(--lsm-purple-600); transform: translateY(-2px); }

/* ---------- 4. Breadcrumbs ---------- */
.leadstart-commerce-for-stripe-breadcrumbs .breadcrumb-item a { color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-breadcrumbs .breadcrumb-item a:hover { color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-breadcrumbs .breadcrumb-item.active { color: var(--lsm-purple); }

/* ---------- 5. Filters row 1 ([store_filters]) ---------- */
.leadstart-commerce-for-stripe-filters {
    background: var(--lsm-surface);
    border: 1px solid var(--lsm-line);
    border-radius: var(--lsm-radius);
}
.leadstart-commerce-for-stripe-filter { color: var(--lsm-muted); font-weight: 700; letter-spacing: .04em; }
.leadstart-commerce-for-stripe-filter input,
.leadstart-commerce-for-stripe-filter select {
    background: var(--lsm-surface); color: var(--lsm-text);
    border: 1px solid var(--lsm-line); border-radius: 10px; outline: none;
}
.leadstart-commerce-for-stripe-filter input:focus,
.leadstart-commerce-for-stripe-filter select:focus { border-color: var(--lsm-purple); box-shadow: 0 0 0 .2rem var(--lsm-purple-soft); }
.leadstart-commerce-for-stripe-filter-apply {
    background: var(--lsm-purple) !important; color: #fff;
    border: none; border-radius: 10px !important; padding: 10px 26px !important;
    font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
    transition: background .25s;
}
.leadstart-commerce-for-stripe-filter-apply:hover,
.leadstart-commerce-for-stripe-filter-apply:focus { background: var(--lsm-purple-600) !important; color: #fff !important; }

/* ---------- 6. Filter row 2 (added markup: size chips + color swatches) ---------- */
.lsm-filter-row2 {
    display: flex; flex-wrap: wrap; gap: 14px; align-items: center;
    margin-top: 14px; padding: 14px 0; border-top: 1px dashed var(--lsm-line);
}
.lsm-flabel { font-size: 10px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; color: var(--lsm-muted); }
.lsm-chip {
    padding: 7px 14px; border-radius: 999px; border: 1px solid var(--lsm-line);
    background: var(--lsm-surface-2); font-size: 12px; font-weight: 800;
    color: var(--lsm-muted); cursor: pointer; transition: .2s;
}
.lsm-chip:hover { border-color: var(--lsm-purple); color: var(--lsm-text); }
.lsm-chip.sel { background: var(--lsm-purple); border-color: var(--lsm-purple); color: #fff; }
.lsm-swatches { display: flex; gap: 8px; align-items: center; }
.lsm-sw {
    width: 24px; height: 24px; border-radius: 50%; cursor: pointer; display: inline-block;
    outline: 2px solid transparent; outline-offset: 2px;
}
.lsm-sw.sel { outline-color: var(--lsm-purple); }
.lsm-members {
    margin-left: auto; display: flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 700; color: var(--lsm-text); white-space: nowrap;
}

/* summary bar under the filters (added markup) */
.lsm-summary {
    max-width: 100%; margin: 0 auto 18px; padding: 0;
    display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
    font-size: 14px; color: var(--lsm-muted);
}
.lsm-summary b { color: var(--lsm-text); }

/* ---------- 7. Product cards (archive grid) ---------- */
.leadstart-commerce-for-stripe-product-card {
    background: var(--lsm-surface);
    border: 1px solid var(--lsm-line);
    border-radius: var(--lsm-radius);
    transition: transform .25s, box-shadow .25s, border-color .25s;
}
.leadstart-commerce-for-stripe-product-card:hover {
    transform: translateY(-5px);
    border-color: var(--lsm-purple);
    box-shadow: 0 10px 30px var(--lsm-purple-soft);
}
.leadstart-commerce-for-stripe-card-media,
.leadstart-commerce-for-stripe-card-noimg { background: var(--lsm-surface-2); }
.leadstart-commerce-for-stripe-card-title a { color: var(--lsm-text); }
.leadstart-commerce-for-stripe-card-title a:hover { color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-card-price,
.leadstart-commerce-for-stripe-product-card .card-body h3 { color: var(--lsm-text); }
.leadstart-commerce-for-stripe-recurring,
.leadstart-commerce-for-stripe-unavailable,
.leadstart-commerce-for-stripe-no-products,
.leadstart-commerce-for-stripe-cart-page-empty { color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-product-card .btn,
.leadstart-commerce-for-stripe-card-actions .btn {
    background: var(--lsm-purple); color: #fff; border: none;
    border-radius: 999px; padding: 10px 22px; font-weight: 800;
    font-size: 13px; letter-spacing: .06em; text-transform: uppercase; transition: background .25s;
}
.leadstart-commerce-for-stripe-product-card .btn:hover,
.leadstart-commerce-for-stripe-card-actions .btn:hover { background: var(--lsm-purple-600); color: #fff; }

/* ---------- 8. Pagination ---------- */
.leadstart-commerce-for-stripe-pagination { gap: 8px; }
.leadstart-commerce-for-stripe-pagination .page-numbers {
    background: var(--lsm-surface); border: 1px solid var(--lsm-line);
    border-radius: 10px; color: var(--lsm-muted); font-weight: 800; transition: .2s;
}
.leadstart-commerce-for-stripe-pagination .page-numbers:hover:not(.current) { border-color: var(--lsm-purple); color: var(--lsm-text); }
.leadstart-commerce-for-stripe-pagination .page-numbers.current {
    background: var(--lsm-purple); border-color: var(--lsm-purple); color: #fff;
}

/* ---------- 9. Single product page ---------- */
.leadstart-commerce-for-stripe-product-title,
.leadstart-commerce-for-stripe-product-price { color: var(--lsm-text); }
.leadstart-commerce-for-stripe-product-price { font-weight: 900; }
.leadstart-commerce-for-stripe-single-desc,
.leadstart-commerce-for-stripe-single-meta,
.leadstart-commerce-for-stripe-stock { color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-single-meta a { color: var(--lsm-purple); }

/* kind badges: soft purple pills (overrides the plugin's !important rule) */
.leadstart-commerce-for-stripe-purple-badge {
    background: var(--lsm-purple-soft) !important; color: var(--lsm-purple) !important;
    border: 1px solid var(--lsm-purple-line) !important; border-radius: 999px !important;
    font-weight: 800 !important; letter-spacing: .06em; text-transform: uppercase; font-size: .68rem;
}

/* gallery */
.leadstart-commerce-for-stripe-single-main-img { background: var(--lsm-surface-2); }
.leadstart-commerce-for-stripe-single-gallery .carousel-thumbnails button {
    background: var(--lsm-surface-2); border: 2px solid var(--lsm-line);
}
.leadstart-commerce-for-stripe-single-gallery .carousel-thumbnails button.active { border-color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-single-gallery .zoom-container { border-radius: 12px; }

/* qty stepper */
.leadstart-commerce-for-stripe-detail-qty {
    background: var(--lsm-surface-2) !important;
    border: 1px solid var(--lsm-line) !important;
    border-radius: 10px !important;
}
.leadstart-commerce-for-stripe-detail-qty-btn { color: var(--lsm-text); }
.leadstart-commerce-for-stripe-detail-qty-btn:hover { background: var(--lsm-purple-soft); color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-detail-qty .leadstart-commerce-for-stripe-product-qty { color: var(--lsm-text); }

/* add-to-cart / waitlist / checkout buttons: purple pills */
.leadstart-commerce-for-stripe-product-actions .leadstart-commerce-for-stripe-add {
    background: var(--lsm-purple) !important; border-color: var(--lsm-purple) !important; color: #fff !important;
    border-radius: 999px !important; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
}
.leadstart-commerce-for-stripe-product-actions .leadstart-commerce-for-stripe-add:hover {
    background: var(--lsm-purple-600) !important; border-color: var(--lsm-purple-600) !important; color: #fff !important;
}
button.leadstart-commerce-for-stripe-add,
button.leadstart-commerce-for-stripe-waitlist-join,
.leadstart-commerce-for-stripe-cart-page-checkout {
    background: var(--lsm-purple) !important; border-color: var(--lsm-purple) !important; color: #fff !important;
    border-radius: 999px !important; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
    transition: background .25s;
}
button.leadstart-commerce-for-stripe-add:hover,
button.leadstart-commerce-for-stripe-waitlist-join:hover,
.leadstart-commerce-for-stripe-cart-page-checkout:hover {
    background: var(--lsm-purple-600) !important; border-color: var(--lsm-purple-600) !important; color: #fff !important;
}
.leadstart-commerce-for-stripe-waitlist-email {
    background: var(--lsm-surface); color: var(--lsm-text);
    border: 1px solid var(--lsm-line); border-radius: 10px; outline: none;
}
.leadstart-commerce-for-stripe-waitlist-email:focus { border-color: var(--lsm-purple); }

/* ---------- 10. ADDED blocks: rating / attributes / trust ---------- */
.lsm-rating { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; }
.lsm-rating .stars {
    background: var(--lsm-grad); -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
    font-size: 18px; letter-spacing: 2px;
}
.lsm-rating b { color: var(--lsm-text); }
.lsm-rating a { color: var(--lsm-purple); font-size: 13px; text-decoration: underline; }

.lsm-attr { margin-bottom: 16px; }
.lsm-attr label {
    display: flex; justify-content: space-between; align-items: baseline;
    font-size: 12px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase;
    color: var(--lsm-text); margin-bottom: 9px;
}
.lsm-attr label span { color: var(--lsm-purple); font-weight: 700; text-transform: none; letter-spacing: 0; }
.lsm-attr .sw {
    width: 32px; height: 32px; border-radius: 50%; cursor: pointer; display: inline-block;
    outline: 2px solid transparent; outline-offset: 2px;
}
.lsm-attr .sw.sel { outline-color: var(--lsm-purple); }
.lsm-attr .sizes { display: flex; gap: 9px; flex-wrap: wrap; }
.lsm-attr .sz {
    min-width: 44px; text-align: center; padding: 10px 12px; cursor: pointer;
    border: 1px solid var(--lsm-line); border-radius: 999px;
    font-size: 13px; font-weight: 800; color: var(--lsm-muted);
    background: var(--lsm-surface-2); transition: .2s;
}
.lsm-attr .sz:hover { border-color: var(--lsm-purple); color: var(--lsm-text); }
.lsm-attr .sz.sel { background: var(--lsm-purple); border-color: var(--lsm-purple); color: #fff; }

.lsm-trust {
    display: flex; gap: 24px; flex-wrap: wrap;
    padding-top: 20px; margin-top: 22px; border-top: 1px solid var(--lsm-line);
}
.lsm-trust div { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.lsm-trust svg { color: var(--lsm-purple); flex: none; }
.lsm-trust b { display: block; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: var(--lsm-text); }
.lsm-trust small { color: var(--lsm-muted); }

/* ---------- 11. Tabs + info table ---------- */
body.single-leadstart_product .nav-tabs .nav-link,
.leadstart-commerce-for-stripe-no-bs .nav-tabs .nav-link { color: var(--lsm-muted); font-weight: 700; }
body.single-leadstart_product .nav-tabs .nav-link.active,
body.single-leadstart_product .nav-item.show .nav-link,
.leadstart-commerce-for-stripe-no-bs .nav-tabs .nav-link.active {
    color: var(--lsm-purple); border-bottom-color: var(--lsm-purple);
}
.leadstart-commerce-for-stripe-single-tabs .tab-content { color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-info-table { --bs-table-bg: transparent; color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-info-table th { color: var(--lsm-text); }
.leadstart-commerce-for-stripe-info-table td a { color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-info-table th, .leadstart-commerce-for-stripe-info-table td { border-color: var(--lsm-line); }

/* ---------- 12. Cart page ---------- */
.leadstart-commerce-for-stripe-cart-page h1, .leadstart-commerce-for-stripe-cart-page .h2 { color: var(--lsm-text); font-weight: 900; }
.leadstart-commerce-for-stripe-cart-table { --bs-table-bg: transparent; color: var(--lsm-text); }
.leadstart-commerce-for-stripe-cart-table th { color: var(--lsm-text); border-bottom: 2px solid var(--lsm-line); }
.leadstart-commerce-for-stripe-cart-table td { color: var(--lsm-text); border-bottom: 1px solid var(--lsm-line); }
.leadstart-commerce-for-stripe-cart-thumb, .leadstart-commerce-for-stripe-cart-noimg { background: var(--lsm-surface-2); }
.leadstart-commerce-for-stripe-cart-title { color: var(--lsm-text); }
.leadstart-commerce-for-stripe-cart-per { color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-qty-group .btn {
    background: var(--lsm-surface-2) !important; border: 1px solid var(--lsm-line) !important; color: var(--lsm-text) !important;
}
.leadstart-commerce-for-stripe-qty-group .btn:hover { color: var(--lsm-purple) !important; }
.leadstart-commerce-for-stripe-qty-group .form-control,
.leadstart-commerce-for-stripe-qty-value {
    background: var(--lsm-surface-2) !important; border: 1px solid var(--lsm-line) !important; color: var(--lsm-text) !important;
}
.leadstart-commerce-for-stripe-cart-remove .btn {
    background: none; border: none; color: #ff5c5c; text-decoration: underline;
}
.leadstart-commerce-for-stripe-cart-subtotal-row td { font-weight: 900; }

/* cross-sell */
.leadstart-commerce-for-stripe-crosssell a { border-color: var(--lsm-line); color: var(--lsm-text); }
.leadstart-commerce-for-stripe-crosssell a:hover { border-color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-crosssell em { color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-crosssell img, .leadstart-commerce-for-stripe-crosssell-noimg { background: var(--lsm-surface-2); }

/* ---------- 13. Cart drawer (BS5 offcanvas) ---------- */
[data-bs-theme] .leadstart-commerce-for-stripe-drawer { background: var(--lsm-surface); color: var(--lsm-text); }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-drawer-badge { background: var(--lsm-purple); }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-line { border-bottom: 1px solid var(--lsm-line); }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-line-thumb { background: var(--lsm-surface-2); }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-line-title { color: var(--lsm-text); }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-line-qty,
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-drawer-cartpage { color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-drawer-head,
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-drawer-total,
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-drawer-foot { border-color: var(--lsm-line); }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-checkout-btn {
    background: var(--lsm-purple); color: #fff; border: none; border-radius: 999px;
    font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
}

/* ---------- 14. Notices / restricted / loader ---------- */
.leadstart-commerce-for-stripe-notice-ok { background: var(--lsm-purple-soft); color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-notice-err { background: rgba(255, 50, 88, .1); color: #ff5c7c; }
.leadstart-commerce-for-stripe-restricted { background: var(--lsm-surface-2); border-left: 4px solid var(--lsm-purple); color: var(--lsm-text); }
.leadstart-commerce-for-stripe-loader { color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-loader::before { border-color: var(--lsm-line); border-top-color: var(--lsm-purple); }

/* ---------- 15. Account dashboard ---------- */
.leadstart-commerce-for-stripe-db-card { background: var(--lsm-surface); border-color: var(--lsm-line); color: var(--lsm-text); }
.leadstart-commerce-for-stripe-db-h2 { border-bottom-color: var(--lsm-line); }
.leadstart-commerce-for-stripe-db-card h6,
.leadstart-commerce-for-stripe-db-small,
.leadstart-commerce-for-stripe-db-note,
.leadstart-commerce-for-stripe-db-topuser { color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-db-nav a { color: var(--lsm-text); }
.leadstart-commerce-for-stripe-db-nav a:hover { background: var(--lsm-surface-2); color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-db table.leadstart-commerce-for-stripe-orders th,
.leadstart-commerce-for-stripe-db table.leadstart-commerce-for-stripe-orders td { border-bottom-color: var(--lsm-line); color: var(--lsm-text); }
.leadstart-commerce-for-stripe-db-copy { background: var(--lsm-surface-2); border-color: var(--lsm-line); color: var(--lsm-text); }
.leadstart-commerce-for-stripe-no-bs .offcanvas { background: var(--lsm-surface); color: var(--lsm-text); }
.leadstart-commerce-for-stripe-no-bs .badge { background: var(--lsm-purple-soft); color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-no-bs .btn-outline-secondary { color: var(--lsm-text); border-color: var(--lsm-line); }
.leadstart-commerce-for-stripe-no-bs .btn-outline-secondary:hover { background: var(--lsm-surface-2); }

/* ---------- 16. pgrid card demos (labels, stars, dark surfaces) ---------- */
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-pcontent { background: var(--lsm-surface); }
.leadstart-commerce-for-stripe-pgrid3:before { background: var(--lsm-surface); border-color: var(--lsm-line); }
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pcontent,
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-pcontent,
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-pcontent,
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-pcontent,
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pcontent,
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-pcontent { color: var(--lsm-text); }
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pimg8 { border-color: var(--lsm-line); }

.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-ptitle a,
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-ptitle a,
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-ptitle a,
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-ptitle a,
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-ptitle a,
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-ptitle a,
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-ptitle a,
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-ptitle a,
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-ptitle a { color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-pgrid1:hover .leadstart-commerce-for-stripe-ptitle a,
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-ptitle a:hover,
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-ptitle a:hover,
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-ptitle a:hover,
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-ptitle a:hover,
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-ptitle a:hover,
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-ptitle a:hover,
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-ptitle a:hover,
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-ptitle a:hover { color: var(--lsm-purple); }

.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-pprice,
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pprice,
.leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-pprice,
.leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-pprice span,
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-pprice,
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pprice,
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-pprice { color: var(--lsm-text); }

/* rating stars on the demo cards: brand gradient instead of yellow */
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-prating,
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-prating li,
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-prating li {
    background: var(--lsm-grad); -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
}
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-prating li.disable,
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-prating li.disable,
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-prating li.disable {
    -webkit-text-fill-color: var(--lsm-line); color: var(--lsm-line);
}

/* sale labels: discount = gradient, new = purple */
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-discount-label,
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-discount-label,
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-discount-label,
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-discount-label {
    background: var(--lsm-grad) !important; color: #0a0a0a !important;
}
.leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-new-label { background: var(--lsm-purple); }
.leadstart-commerce-for-stripe-pgrid1 .leadstart-commerce-for-stripe-cart-btn { color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-cart-btn { background: var(--lsm-purple); }
.leadstart-commerce-for-stripe-pgrid2 .leadstart-commerce-for-stripe-cart-btn:hover { background: var(--lsm-purple-600); }
.leadstart-commerce-for-stripe-pgrid4 .leadstart-commerce-for-stripe-cart-btn { border-color: var(--lsm-line); color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-pgrid4:hover .leadstart-commerce-for-stripe-cart-btn { background: var(--lsm-purple); border-color: transparent; color: #fff; }
.leadstart-commerce-for-stripe-pgrid9 .leadstart-commerce-for-stripe-cart-btn { color: var(--lsm-purple); }

/* ---------- 17. Search / taxonomy summary ---------- */
.leadstart-commerce-for-stripe-tax-summary h1,
.leadstart-commerce-for-stripe-search-summary h2 { color: var(--lsm-text); font-weight: 900; }
.leadstart-commerce-for-stripe-tax-summary .text-muted,
.leadstart-commerce-for-stripe-search-summary .text-muted { color: var(--lsm-muted) !important; }

/* ---------- 18. Placeholder image (assets/placeholder.svg) ---------- */
/* The placeholder ships with padding + "coming soon" art; contain-fit it
   everywhere instead of cropping, so it always sits nicely in its box. */
.leadstart-commerce-for-stripe-card-media img[src*="placeholder"] { object-fit: contain; }
.leadstart-commerce-for-stripe-card-noimg,
.leadstart-commerce-for-stripe-cart-noimg,
.leadstart-commerce-for-stripe-crosssell-noimg { object-fit: contain; }
.leadstart-commerce-for-stripe-single-main-img.leadstart-commerce-for-stripe-card-noimg { object-fit: contain; }

/* ---------- 19. Responsive ---------- */
@media (max-width: 900px) {
    .lsm-members { margin-left: 0; }
}
/* ==================================================================
   20. THEME-MATCHING & POLISH FIXES (consolidated)
   These rules were previously printed inline by the plugin on store
   pages; they are consolidated here so assets/store.css is complete
   on its own. The plugin's inline copy is identical and may be removed
   in a later cleanup pass.
   ================================================================== */

/* 2. Product card hover: faint translucency, never a solid white wash.
   When the product has a gallery the second image (pic-2) swaps in. */
.leadstart-commerce-for-stripe-pimg1, .leadstart-commerce-for-stripe-pimg2 { position: relative; }
.leadstart-commerce-for-stripe-pimg1::after, .leadstart-commerce-for-stripe-pimg2::after { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, 0); pointer-events: none; transition: background .2s ease; }
.leadstart-commerce-for-stripe-pgrid:hover .leadstart-commerce-for-stripe-pimg1::after, .leadstart-commerce-for-stripe-pgrid:hover .leadstart-commerce-for-stripe-pimg2::after { background: rgba(255, 255, 255, .12); }
.leadstart-commerce-for-stripe-pgrid:hover .leadstart-commerce-for-stripe-pimg1, .leadstart-commerce-for-stripe-pgrid:hover .leadstart-commerce-for-stripe-pimg2,
.leadstart-commerce-for-stripe-pgrid:hover .leadstart-commerce-for-stripe-pic-1, .leadstart-commerce-for-stripe-pgrid:hover .leadstart-commerce-for-stripe-pic-2 { background: transparent !important; }

/* 3. Store typography matches the theme */
body.lsm-store-page h1 { text-transform: lowercase; color: #000; }
body.lsm-store-page h1:not([class*="h2"]):not([class*="h3"]):not([class*="h4"]):not([class*="h5"]):not([class*="h6"]) { font-size: 40px; line-height: 1; }
body.lsm-store-page h2.leadstart-commerce-for-stripe-ptitle, body.lsm-store-page h3.leadstart-commerce-for-stripe-ptitle, body.lsm-store-page h4.leadstart-commerce-for-stripe-ptitle { color: #000; text-decoration: none; }
html[data-bs-theme="dark"] body.lsm-store-page h1,
html[data-bs-theme="dark"] body.lsm-store-page h2.leadstart-commerce-for-stripe-ptitle,
html[data-bs-theme="dark"] body.lsm-store-page h3.leadstart-commerce-for-stripe-ptitle,
html[data-bs-theme="dark"] body.lsm-store-page h4.leadstart-commerce-for-stripe-ptitle { color: #fff; }

/* 3d. Button radii + link reset (theme button language) */
button.leadstart-commerce-for-stripe-add, button.leadstart-commerce-for-stripe-waitlist-join, .leadstart-commerce-for-stripe-cart-page-checkout { border-radius: 3px; }
.leadstart-commerce-for-stripe-no-bs .btn { border-radius: 3px; }
.leadstart-commerce-for-stripe-no-bs .btn-danger, .leadstart-commerce-for-stripe-no-bs .leadstart-commerce-for-stripe-cart-remove .btn { text-decoration: none; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-checkout-btn { border-radius: 3px; }

/* 13. Cart line title: the theme forces its own weight with !important */
.leadstart-commerce-for-stripe-cart-title { font-weight: 600 !important; }

/* 14. Store page background: slightly whiter in light mode */
html[data-bs-theme="light"] body.lsm-store-page { background: #f8f9fa; }

/* 4. Gallery thumbnails: highlight the clicked one. Bootstrap's script
   only manages .carousel-indicators, so the .active class stays stuck
   on the first hardcoded thumbnail - focus styling fixes it for all. */
.leadstart-commerce-for-stripe-single-gallery .carousel-thumbnails button:focus,
.leadstart-commerce-for-stripe-single-gallery .carousel-thumbnails button:focus-visible { border-color: var(--lsm-purple) !important; outline: none; }

/* 5. Dark mode: comments on the product page */
html[data-bs-theme="dark"] body.single-leadstart_product.leadstart-commerce-for-stripe-no-bs #comments .comment-list .card { border: none; background: none; }
html[data-bs-theme="dark"] body.single-leadstart_product.leadstart-commerce-for-stripe-no-bs #comments .comments-title,
html[data-bs-theme="dark"] body.single-leadstart_product.leadstart-commerce-for-stripe-no-bs #comments .comments-title span,
html[data-bs-theme="dark"] body.single-leadstart_product.leadstart-commerce-for-stripe-no-bs #comments .card-header h5,
html[data-bs-theme="dark"] body.single-leadstart_product.leadstart-commerce-for-stripe-no-bs #comments h3#reply-title.comment-reply-title { color: #fff; }
.leadstart-commerce-for-stripe-no-bs .btn-outline-secondary { color: var(--lsm-text) !important; border-color: var(--lsm-line) !important; }
html[data-bs-theme="dark"] body.single-leadstart_product.leadstart-commerce-for-stripe-no-bs #comments .comment-content a,
html[data-bs-theme="dark"] body.single-leadstart_product.leadstart-commerce-for-stripe-no-bs #comments p a { color: var(--lsm-purple); text-decoration: none; }
html[data-bs-theme="dark"] body.single-leadstart_product.leadstart-commerce-for-stripe-no-bs #comments .comment-content a:hover,
html[data-bs-theme="dark"] body.single-leadstart_product.leadstart-commerce-for-stripe-no-bs #comments p a:hover { text-decoration: underline; }

/* 6. Comment form star picker (pure CSS, no JS) */
.leadstart-commerce-for-stripe-rating-field fieldset { border: 0; padding: 0; margin: 0 0 1em; }
.leadstart-commerce-for-stripe-rating-field > label { display: block; margin: 0 0 .4em; font-weight: 600; }
.leadstart-commerce-for-stripe-rating-field .rating-container { display: inline-flex; flex-direction: row-reverse; align-items: center; gap: 2px; }
.leadstart-commerce-for-stripe-rating-field input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; }
.leadstart-commerce-for-stripe-rating-field label { cursor: pointer; font-size: 1rem; line-height: 1; color: #000; }
html[data-bs-theme="dark"] .leadstart-commerce-for-stripe-rating-field label { color: #fff; }
.leadstart-commerce-for-stripe-rating-field label .fa { color: #d9d9d9; transition: color .15s ease; font-style: normal; }
.leadstart-commerce-for-stripe-rating-field label:hover .fa,
.leadstart-commerce-for-stripe-rating-field label:hover ~ label .fa,
.leadstart-commerce-for-stripe-rating-field input[type="radio"]:checked ~ label .fa { color: #f5b301; }
.leadstart-commerce-for-stripe-rating-field input[type="radio"]:focus-visible + label { outline: 2px solid var(--lsm-purple); outline-offset: 2px; border-radius: 3px; }
.leadstart-commerce-for-stripe-rating-clear { order: -1; font-size: 12px; color: var(--lsm-purple); margin-inline-end: 8px; }
.leadstart-commerce-for-stripe-rating-clear:hover { color: #f5b301; }

/* stars on comments + average summary */
.leadstart-commerce-for-stripe-crating { list-style: none; display: inline-flex; gap: 2px; margin: .6em 0 0; padding: 0; }
.leadstart-commerce-for-stripe-crating li { font-size: 14px; color: #f5b301; }
.leadstart-commerce-for-stripe-crating li.disable { color: #d9d9d9; }
.leadstart-commerce-for-stripe-rating-summary { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; }
.leadstart-commerce-for-stripe-srating { list-style: none; display: inline-flex; gap: 2px; margin: 0; padding: 0; }
.leadstart-commerce-for-stripe-srating li { font-size: 16px; color: #f5b301; }
.leadstart-commerce-for-stripe-srating li.disable { color: #d9d9d9; }
.leadstart-commerce-for-stripe-rating-text { font-size: 14px; }

/* 7. Signup text next to the newsletter checkbox */
p.mc4wp-checkbox.mc4wp-checkbox-wp-comment-form span { padding-left: 20px; font-size: .9rem; }

/* 8. Akismet comment form privacy notice */
p.akismet_comment_form_privacy_notice { font-size: .9rem; margin-top: 10px; }

/* 9. Filter bar: desktop price widths, mobile full width */
.leadstart-commerce-for-stripe-filter input, .leadstart-commerce-for-stripe-filter select { min-width: auto; }
@media (min-width: 768px) { .leadstart-commerce-for-stripe-price-range input { width: 200px; } }
@media (max-width: 767.98px) { .leadstart-commerce-for-stripe-price-range input { width: 100%; } }

/* Functional catalog filter chips: active state */
.lsm-chip-active, .lsm-sw-active { outline: 2px solid var(--lsm-purple); outline-offset: 2px; }

/* Archive spacing: the theme zeroes the #page padding on product taxonomy
   pages, so the archive container carries its own padding. */
.leadstart-commerce-for-stripe-archive { padding: 3rem; }
@media (max-width: 767.98px) { .leadstart-commerce-for-stripe-archive { padding: 1.5rem; } }

/* Pinterest "Pin it" button: the theme injects it into archive images,
   which broke the product card grid on category / taxonomy pages. */
.pin-it-btn-wrapper { position: relative; display: block !important; }

/* 11. "You might also like" dark mode */
html[data-bs-theme="dark"] .leadstart-commerce-for-stripe-crosssell-item { background: #1e1e1e; border-color: #333; }
html[data-bs-theme="dark"] .leadstart-commerce-for-stripe-crosssell-name { color: #fff; }
html[data-bs-theme="dark"] .leadstart-commerce-for-stripe-crosssell-item em { color: #aaa; }

.leadstart-commerce-for-stripe-qv { position: fixed; inset: 0; z-index: 99990; display: flex; align-items: center; justify-content: center; padding: 20px; visibility: hidden; opacity: 0; transition: opacity .25s ease, visibility .25s ease; }
.leadstart-commerce-for-stripe-qv:target { visibility: visible; opacity: 1; }
.leadstart-commerce-for-stripe-qv-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .6); cursor: default; }
.leadstart-commerce-for-stripe-qv-box { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; width: min(860px, 100%); max-height: calc(100vh - 40px); overflow: auto; padding: 28px; background: var(--lsm-surface); color: var(--lsm-text); border: 1px solid var(--lsm-line); border-radius: var(--lsm-radius); box-shadow: 0 20px 60px rgba(0, 0, 0, .35); transform: translateY(12px); transition: transform .25s ease; }
.leadstart-commerce-for-stripe-qv:target .leadstart-commerce-for-stripe-qv-box { transform: none; }
.leadstart-commerce-for-stripe-qv-close { position: absolute; top: 10px; right: 14px; font-size: 28px; line-height: 1; font-weight: 700; text-decoration: none; color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-qv-close:hover { color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-qv-media img { display: block; width: 100%; aspect-ratio: var(--lsm-single-ratio, 1 / 1); object-fit: var(--lsm-single-fit, cover); border-radius: 10px; background: var(--lsm-surface-2); }
.leadstart-commerce-for-stripe-qv-title { margin: 0 32px 10px 0; font-size: 1.5rem; line-height: 1.25; color: var(--lsm-text); }
.leadstart-commerce-for-stripe-qv-price { margin: 0 0 14px; font-size: 1.35rem; font-weight: 800; color: var(--lsm-text); }
.leadstart-commerce-for-stripe-qv-desc { margin: 0 0 20px; color: var(--lsm-muted); }
.leadstart-commerce-for-stripe-qv-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.leadstart-commerce-for-stripe-qv-actions .btn { border-radius: 999px; padding: 11px 22px; font-weight: 800; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; text-decoration: none; }
button.leadstart-commerce-for-stripe-buy-now, .leadstart-commerce-for-stripe-qv-options { background: transparent; color: var(--lsm-purple); border: 2px solid var(--lsm-purple); }
button.leadstart-commerce-for-stripe-buy-now:hover, .leadstart-commerce-for-stripe-qv-options:hover { background: var(--lsm-purple); color: #fff; }
.leadstart-commerce-for-stripe-qv-more { font-size: 14px; color: var(--lsm-purple); }
@media (max-width: 640px) { .leadstart-commerce-for-stripe-qv-box { grid-template-columns: 1fr; gap: 16px; padding: 20px; } }
@media (prefers-reduced-motion: reduce) { .leadstart-commerce-for-stripe-qv, .leadstart-commerce-for-stripe-qv-box { transition: none; } }

.leadstart-commerce-for-stripe-psocial li a.leadstart-commerce-for-stripe-like { position: relative; }
.leadstart-commerce-for-stripe-psocial li a.leadstart-commerce-for-stripe-like.is-liked { color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-psocial li a.leadstart-commerce-for-stripe-like.is-liked:hover { color: #fff; }
.leadstart-commerce-for-stripe-like-btn { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid var(--lsm-line); border-radius: 999px; color: var(--lsm-muted); text-decoration: none; font-size: 14px; font-weight: 700; }
.leadstart-commerce-for-stripe-like-btn:hover, .leadstart-commerce-for-stripe-like-btn.is-liked { color: var(--lsm-purple); border-color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-liked-list { margin: 0; padding-left: 1.2em; }

.leadstart-commerce-for-stripe-cart-page-empty a { color: var(--lsm-purple); }
:root {
    --bs-primary: var(--lsm-purple);
    --bs-primary-rgb: 99, 91, 255;
    --bs-link-color: var(--lsm-purple);
    --bs-link-color-rgb: 99, 91, 255;
    --bs-link-hover-color: var(--lsm-purple-deep);
    --bs-link-hover-color-rgb: 81, 72, 232;
    --bs-body-color: var(--lsm-text);
    --bs-body-bg: var(--lsm-bg);
    --bs-body-font-family: var(--wp--preset--font-family--body, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif);
}
.btn-primary {
    --bs-btn-bg: var(--lsm-purple); --bs-btn-border-color: var(--lsm-purple);
    --bs-btn-hover-bg: var(--lsm-purple-deep); --bs-btn-hover-border-color: var(--lsm-purple-deep);
    --bs-btn-active-bg: var(--lsm-purple-deep); --bs-btn-active-border-color: var(--lsm-purple-deep);
    --bs-btn-disabled-bg: var(--lsm-purple); --bs-btn-disabled-border-color: var(--lsm-purple);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}
.btn-outline-primary {
    --bs-btn-color: var(--lsm-purple); --bs-btn-border-color: var(--lsm-purple);
    --bs-btn-hover-bg: var(--lsm-purple); --bs-btn-hover-border-color: var(--lsm-purple);
    --bs-btn-active-bg: var(--lsm-purple); --bs-btn-active-border-color: var(--lsm-purple);
    --bs-btn-disabled-color: var(--lsm-purple); --bs-btn-disabled-border-color: var(--lsm-purple);
}
.nav-pills { --bs-nav-pills-link-active-bg: var(--lsm-purple); }
.pagination { --bs-pagination-active-bg: var(--lsm-purple); --bs-pagination-active-border-color: var(--lsm-purple); }
.form-check-input:checked { background-color: var(--lsm-purple); border-color: var(--lsm-purple); }
.form-control:focus, .form-select:focus { border-color: var(--lsm-purple-line); box-shadow: 0 0 0 .25rem var(--lsm-purple-soft); }
.btn { white-space: nowrap; }
.leadstart-commerce-for-stripe-drawer .leadstart-commerce-for-stripe-drawer-badge { margin-left: 10px; }
.leadstart-commerce-for-stripe-crosssell > .col { min-width: 0; }
.leadstart-commerce-for-stripe-crosssell-name { flex: 1 1 auto; }
.leadstart-commerce-for-stripe-crosssell em, .leadstart-commerce-for-stripe-crosssell-add { flex: 0 0 auto; }
.leadstart-commerce-for-stripe-no-bs .leadstart-commerce-for-stripe-crosssell { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
@media (min-width: 768px) { .leadstart-commerce-for-stripe-no-bs .leadstart-commerce-for-stripe-crosssell.row-cols-md-2 { grid-template-columns: 1fr 1fr; } }
a.leadstart-commerce-for-stripe-cart-title { color: var(--lsm-purple); }
body.lsm-store-page .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: none; }
body.single-leadstart_product form#commentform textarea#comment {
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid var(--lsm-line);
}

body.single-leadstart_product form#commentform #submit {
    background: var(--lsm-purple);
    padding: 12px;
    font-size: 15px;
    color: #fff;
    border: none;
    border-radius: 999px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.single-leadstart_product form#commentform #submit:hover {
    filter: brightness(1.08);
}
.leadstart-commerce-for-stripe-table-wrap { overflow-x: auto; margin: 0 0 1.5rem; border: 1px solid var(--lsm-line); border-radius: var(--lsm-radius); background: var(--lsm-surface); }
.leadstart-commerce-for-stripe-table { width: 100%; margin: 0; border-collapse: collapse; font-size: .95rem; color: var(--lsm-text); }
.leadstart-commerce-for-stripe-table th, .leadstart-commerce-for-stripe-table td { padding: .75rem 1rem; text-align: left; white-space: nowrap; border: 0; border-bottom: 1px solid var(--lsm-line); }
.leadstart-commerce-for-stripe-table thead th { background: var(--lsm-surface-2); color: var(--lsm-muted); font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.leadstart-commerce-for-stripe-table tbody tr:last-child td { border-bottom: 0; }
.leadstart-commerce-for-stripe-table a { color: var(--lsm-purple); font-weight: 600; text-decoration: none; }
.leadstart-commerce-for-stripe-table a:hover { text-decoration: underline; }
.leadstart-commerce-for-stripe-status { display: inline-block; padding: 2px 10px; border-radius: 999px; background: var(--lsm-purple-soft); color: var(--lsm-purple); font-size: .75rem; font-weight: 700; }
a.leadstart-commerce-for-stripe-portal { display: inline-block; padding: 10px 20px; border-radius: 999px; background: var(--lsm-purple); border: 1px solid var(--lsm-purple); color: #fff; font-weight: 600; text-decoration: none; }
a.leadstart-commerce-for-stripe-portal:hover { background: var(--lsm-purple-deep); border-color: var(--lsm-purple-deep); color: #fff; }
.leadstart-commerce-for-stripe-watchlist-note { margin: 0 0 1rem; }
.leadstart-commerce-for-stripe-watchlist-note a { color: var(--lsm-purple); font-weight: 600; }
.leadstart-commerce-for-stripe-watchlist { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.leadstart-commerce-for-stripe-watchlist-item { display: flex; align-items: center; gap: 1rem; padding: .75rem; border: 1px solid var(--lsm-line); border-radius: var(--lsm-radius); background: var(--lsm-surface); }
.leadstart-commerce-for-stripe-watchlist-thumb { flex: 0 0 auto; }
.leadstart-commerce-for-stripe-watchlist-thumb img { display: block; width: 64px; height: 64px; object-fit: cover; border-radius: 10px; background: var(--lsm-surface-2); }
.leadstart-commerce-for-stripe-watchlist-info { display: flex; flex: 1 1 auto; flex-direction: column; gap: 2px; min-width: 0; }
.leadstart-commerce-for-stripe-watchlist-title { color: var(--lsm-text); font-weight: 600; text-decoration: none; overflow-wrap: break-word; }
.leadstart-commerce-for-stripe-watchlist-title:hover { color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-watchlist-price { color: var(--lsm-muted); font-size: .9rem; }
button.leadstart-commerce-for-stripe-waitlist-leave { flex: 0 0 auto; padding: 8px 18px; border: 1px solid var(--lsm-purple); border-radius: 999px; background: transparent; color: var(--lsm-purple); font: inherit; font-size: .9rem; font-weight: 600; white-space: nowrap; cursor: pointer; }
button.leadstart-commerce-for-stripe-waitlist-leave:hover { background: var(--lsm-purple); color: #fff; }
@media (max-width: 480px) {
    .leadstart-commerce-for-stripe-watchlist-item { flex-wrap: wrap; }
    button.leadstart-commerce-for-stripe-waitlist-leave { width: 100%; }
}
.leadstart-commerce-for-stripe-has-bs .btn { color: var(--bs-btn-color); text-decoration: none; }
.leadstart-commerce-for-stripe-has-bs .btn:hover, .leadstart-commerce-for-stripe-has-bs .btn:focus-visible { color: var(--bs-btn-hover-color); }
.leadstart-commerce-for-stripe-has-bs .btn:active, .leadstart-commerce-for-stripe-has-bs .btn.active, .leadstart-commerce-for-stripe-has-bs .btn.show { color: var(--bs-btn-active-color); }
.leadstart-commerce-for-stripe-has-bs .btn:disabled, .leadstart-commerce-for-stripe-has-bs .btn.disabled { color: var(--bs-btn-disabled-color); }
.leadstart-commerce-for-stripe-db a:not(.btn) { color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-db a:not(.btn):hover { color: var(--lsm-purple-deep); }
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-cart-btn, .leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-waitlist-open, .leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-cart-btn, .leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-waitlist-open, .leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-cart-btn, .leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-waitlist-open, .leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-cart-btn, .leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-waitlist-open, .leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-cart-btn, .leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-waitlist-open { color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-cart-btn:hover, .leadstart-commerce-for-stripe-pgrid3 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-waitlist-open:hover, .leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-cart-btn:hover, .leadstart-commerce-for-stripe-pgrid5 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-waitlist-open:hover, .leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-cart-btn:hover, .leadstart-commerce-for-stripe-pgrid6 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-waitlist-open:hover, .leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-cart-btn:hover, .leadstart-commerce-for-stripe-pgrid7 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-waitlist-open:hover, .leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-cart-btn:hover, .leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-waitlist-open:hover { color: var(--lsm-purple-deep); }
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-cart-btn, .leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-pcontent a.leadstart-commerce-for-stripe-waitlist-open { padding: 0; border: 0; background: none; box-shadow: none; font-weight: 600; }
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-psocial li a { color: var(--lsm-purple); border-color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-pgrid8 .leadstart-commerce-for-stripe-psocial li a:hover { color: #fff; border-color: var(--lsm-purple); background-color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-db .btn { --bs-btn-font-family: var(--wp--preset--font-family--system-font, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif); }
.leadstart-commerce-for-stripe-db .btn-outline-secondary {
    --bs-btn-color: var(--lsm-muted); --bs-btn-border-color: var(--lsm-line);
    --bs-btn-hover-color: var(--lsm-purple); --bs-btn-hover-bg: transparent; --bs-btn-hover-border-color: var(--lsm-purple);
    --bs-btn-active-color: var(--lsm-purple); --bs-btn-active-bg: transparent; --bs-btn-active-border-color: var(--lsm-purple);
    --bs-btn-disabled-color: var(--lsm-muted); --bs-btn-disabled-border-color: var(--lsm-line);
}
.leadstart-commerce-for-stripe-profile .leadstart-commerce-for-stripe-profile-note a, .leadstart-commerce-for-stripe-profile a:not(.btn) { color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-profile .leadstart-commerce-for-stripe-profile-note a:hover, .leadstart-commerce-for-stripe-profile a:not(.btn):hover { color: var(--lsm-purple-deep); }
.leadstart-commerce-for-stripe-cart-button { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: inherit; font-size: 20px; text-decoration: none; }
.leadstart-commerce-for-stripe-cart-button:hover { color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-cart-button .leadstart-commerce-for-stripe-cart-count { position: absolute; top: 0; right: -4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--lsm-purple); color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
.leadstart-commerce-for-stripe-cart-button .leadstart-commerce-for-stripe-cart-count[hidden] { display: none; }
.leadstart-commerce-for-stripe-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
[data-bs-theme="dark"] body { background: var(--lsm-bg); color: var(--lsm-text); }
html[data-bs-theme="dark"] body :is(h1, h2, h3, h4, h5, h6) { color: #fff; }
.leadstart-commerce-for-stripe-db-customer .leadstart-commerce-for-stripe-db-card {
    background: var(--lsm-surface);
    border-color: var(--lsm-line);
    color: var(--lsm-text);
    border-top: 3px solid var(--lsm-purple);
    border-radius: 10px;
    align-items: stretch;
}
.leadstart-commerce-for-stripe-db-card-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
button.leadstart-commerce-for-stripe-db-link { align-self: flex-start; padding: 0; border: 0; background: none; color: var(--lsm-purple); font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; }
button.leadstart-commerce-for-stripe-db-link:hover { color: var(--lsm-purple-deep); text-decoration: underline; }
.leadstart-commerce-for-stripe-db-profile-card { align-items: center; text-align: center; }
.leadstart-commerce-for-stripe-db-photo { position: relative; width: 96px; height: 96px; margin: 4px auto 8px; }
.leadstart-commerce-for-stripe-db-photo img, .leadstart-commerce-for-stripe-db-photo .leadstart-commerce-for-stripe-db-avatar { display: flex; width: 96px; height: 96px; border-radius: 50%; border: 3px solid var(--lsm-purple-line); object-fit: cover; font-size: 36px; }
.leadstart-commerce-for-stripe-db-photo-edit { position: absolute; right: -2px; bottom: -2px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--lsm-purple); border: 3px solid var(--lsm-surface); color: #fff; font-size: 13px; text-decoration: none; }
.leadstart-commerce-for-stripe-db-photo-edit:hover { background: var(--lsm-purple-deep); color: #fff; }
.leadstart-commerce-for-stripe-db-name { margin: 0; font-size: 1.25rem; font-weight: 700; }
.leadstart-commerce-for-stripe-db-email { margin: 0; color: var(--lsm-muted); font-size: .9rem; }
.leadstart-commerce-for-stripe-db-userid { display: inline-flex; align-items: center; gap: 6px; margin: 8px auto 0; padding: 4px 10px; border: 1px solid var(--lsm-line); border-radius: 8px; background: var(--lsm-surface-2); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .85rem; font-weight: 700; }
button.leadstart-commerce-for-stripe-copy { padding: 0 2px; border: 0; background: none; color: var(--lsm-muted); cursor: pointer; }
button.leadstart-commerce-for-stripe-copy:hover, button.leadstart-commerce-for-stripe-copy.is-copied { color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-table-compact { margin: 0; border: 0; background: none; }
.leadstart-commerce-for-stripe-table-compact .leadstart-commerce-for-stripe-table th, .leadstart-commerce-for-stripe-table-compact .leadstart-commerce-for-stripe-table td { padding: .6rem .35rem; white-space: normal; }
.leadstart-commerce-for-stripe-table-compact .leadstart-commerce-for-stripe-table thead th { background: none; }
.leadstart-commerce-for-stripe-table-compact .leadstart-commerce-for-stripe-table a { color: var(--lsm-muted); font-weight: 500; white-space: nowrap; }
.leadstart-commerce-for-stripe-table-compact .leadstart-commerce-for-stripe-table a:hover { color: var(--lsm-purple); }
.leadstart-commerce-for-stripe-db-donut { --lsm-step-1: var(--lsm-line); --lsm-step-2: var(--lsm-line); --lsm-step-3: var(--lsm-line); display: grid; place-items: center; width: 104px; height: 104px; margin: 4px auto 4px; border-radius: 50%; background: conic-gradient(var(--lsm-step-1) 0deg 116deg, transparent 116deg 120deg, var(--lsm-step-2) 120deg 236deg, transparent 236deg 240deg, var(--lsm-step-3) 240deg 356deg, transparent 356deg 360deg); }
.leadstart-commerce-for-stripe-db-donut.is-step-1 { --lsm-step-1: var(--lsm-purple); }
.leadstart-commerce-for-stripe-db-donut.is-step-2 { --lsm-step-2: var(--lsm-purple); }
.leadstart-commerce-for-stripe-db-donut.is-step-3 { --lsm-step-3: var(--lsm-purple); }
.leadstart-commerce-for-stripe-db-donut::before { content: ""; grid-area: 1 / 1; width: 80px; height: 80px; border-radius: 50%; background: var(--lsm-surface); }
.leadstart-commerce-for-stripe-db-donut span { grid-area: 1 / 1; position: relative; color: var(--lsm-text); font-size: 1.25rem; font-weight: 700; }
.leadstart-commerce-for-stripe-db-customer .leadstart-commerce-for-stripe-db-checklist li::before { content: none; }
.leadstart-commerce-for-stripe-db-customer .leadstart-commerce-for-stripe-db-checklist { gap: 8px; margin: 4px 0 8px; }
.leadstart-commerce-for-stripe-db-checklist .fa-check-circle { color: #2fb380; }
.leadstart-commerce-for-stripe-db-checklist .fa-circle-o { color: var(--lsm-muted); }
button.leadstart-commerce-for-stripe-unlike { flex: 0 0 auto; padding: 8px 18px; border: 1px solid var(--lsm-purple); border-radius: 999px; background: transparent; color: var(--lsm-purple); font: inherit; font-size: .9rem; font-weight: 600; white-space: nowrap; cursor: pointer; }
button.leadstart-commerce-for-stripe-unlike:hover { background: var(--lsm-purple); color: #fff; }
@media (max-width: 480px) { button.leadstart-commerce-for-stripe-unlike { width: 100%; } }
.leadstart-commerce-for-stripe-db .leadstart-commerce-for-stripe-db-photo a.leadstart-commerce-for-stripe-db-photo-edit, .leadstart-commerce-for-stripe-db .leadstart-commerce-for-stripe-db-photo a.leadstart-commerce-for-stripe-db-photo-edit:hover { color: #fff; }
.leadstart-commerce-for-stripe-db-purchases { margin: 6px 0 0; color: var(--lsm-muted); font-size: .9rem; }
.leadstart-commerce-for-stripe-db-purchases strong { color: var(--lsm-text); }
.leadstart-commerce-for-stripe-db a.leadstart-commerce-for-stripe-db-billing { font-size: .9rem; font-weight: 600; text-decoration: none; }
.leadstart-commerce-for-stripe-db-steps { margin: 0 0 4px; color: var(--lsm-muted); font-size: .85rem; text-align: center; }
button.leadstart-commerce-for-stripe-share { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid var(--lsm-line); border-radius: 999px; background: transparent; color: var(--lsm-muted); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
button.leadstart-commerce-for-stripe-share:hover, button.leadstart-commerce-for-stripe-share.is-copied { color: var(--lsm-purple); border-color: var(--lsm-purple); }
a.leadstart-commerce-for-stripe-filter-clear { display: inline-flex; align-items: center; padding: 5px 16px; border: 1px solid var(--lsm-line); border-radius: 3px; color: var(--lsm-muted); text-decoration: none; white-space: nowrap; }
a.leadstart-commerce-for-stripe-filter-clear:hover { border-color: var(--lsm-purple); color: var(--lsm-purple); }
@media (hover: none) { .leadstart-commerce-for-stripe-single-gallery .zoom-container:hover .zoom-img { transform: none; } }
.leadstart-commerce-for-stripe-db .nav-tabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
.leadstart-commerce-for-stripe-db .nav-tabs .nav-link { white-space: nowrap; }
@media (max-width: 575.98px) { .leadstart-commerce-for-stripe-db-topbar { flex-wrap: wrap; row-gap: 6px; } }
#leadstart-commerce-for-stripe-tab-reviews :is(.commentlist, .comment-list) { display: grid; gap: 1rem; margin: 0 0 2rem; padding: 0; list-style: none; }
#leadstart-commerce-for-stripe-tab-reviews :is(.commentlist, .comment-list) .children { display: grid; gap: 1rem; margin: 1rem 0 0 1.5rem; padding: 0 0 0 1rem; list-style: none; border-left: 2px solid var(--lsm-line); }
#leadstart-commerce-for-stripe-tab-reviews .comment-body { padding: 1rem 1.25rem; border: 1px solid var(--lsm-line); border-radius: 10px; background: var(--lsm-surface); color: var(--lsm-text); }
#leadstart-commerce-for-stripe-tab-reviews .bypostauthor > .comment-body { background: var(--lsm-purple-soft); border-color: var(--lsm-purple-line); }
#leadstart-commerce-for-stripe-tab-reviews .comment-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .5rem; }
#leadstart-commerce-for-stripe-tab-reviews .comment-author { display: flex; align-items: center; gap: .6rem; }
#leadstart-commerce-for-stripe-tab-reviews .comment-author img.avatar { width: 40px; height: 40px; border-radius: 50%; }
#leadstart-commerce-for-stripe-tab-reviews .comment-author .fn { font-style: normal; font-weight: 700; }
#leadstart-commerce-for-stripe-tab-reviews .comment-author .says { display: none; }
#leadstart-commerce-for-stripe-tab-reviews .comment-metadata, #leadstart-commerce-for-stripe-tab-reviews .comment-metadata a { color: var(--lsm-muted); font-size: .85rem; text-decoration: none; }
#leadstart-commerce-for-stripe-tab-reviews .comment-content p { margin: 0 0 .5rem; overflow-wrap: break-word; }
#leadstart-commerce-for-stripe-tab-reviews .reply { margin-top: .5rem; }
#leadstart-commerce-for-stripe-tab-reviews .reply a, #leadstart-commerce-for-stripe-tab-reviews #cancel-comment-reply-link { color: var(--lsm-purple); font-size: .9rem; font-weight: 600; text-decoration: none; }
#leadstart-commerce-for-stripe-tab-reviews .comment-respond { margin-top: 1.5rem; padding: 1.25rem; border: 1px solid var(--lsm-line); border-radius: 10px; background: var(--lsm-surface); }
#leadstart-commerce-for-stripe-tab-reviews .comment-reply-title { margin: 0 0 .75rem; font-size: 1.1rem; }
#leadstart-commerce-for-stripe-tab-reviews .comment-form input[type="text"], #leadstart-commerce-for-stripe-tab-reviews .comment-form input[type="email"], #leadstart-commerce-for-stripe-tab-reviews .comment-form input[type="url"] { width: 100%; max-width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--lsm-line); border-radius: 6px; background: var(--lsm-surface); color: var(--lsm-text); }
#leadstart-commerce-for-stripe-tab-reviews .navigation:empty, #leadstart-commerce-for-stripe-tab-reviews .navigation .alignleft:empty, #leadstart-commerce-for-stripe-tab-reviews .navigation .alignright:empty { display: none; }
.leadstart-commerce-for-stripe-rating-field[hidden] { display: none; }
@media (max-width: 575.98px) {
    #leadstart-commerce-for-stripe-tab-reviews :is(.commentlist, .comment-list) .children { margin-left: .5rem; padding-left: .75rem; }
    #leadstart-commerce-for-stripe-tab-reviews .comment-body, #leadstart-commerce-for-stripe-tab-reviews .comment-respond { padding: .85rem; }
}
.leadstart-commerce-for-stripe-pic-1, .leadstart-commerce-for-stripe-pic-2 { aspect-ratio: var(--lsm-card-ratio, auto); object-fit: cover; }
.leadstart-commerce-for-stripe-pic-1.leadstart-commerce-for-stripe-card-noimg { object-fit: contain; }
.leadstart-commerce-for-stripe-filters { container: lsm-filters / inline-size; box-sizing: border-box; width: 100%; }
.leadstart-commerce-for-stripe-filters.is-vertical { max-width: 300px; margin-left: 0; margin-right: 0; }
.leadstart-commerce-for-stripe-filters .leadstart-commerce-for-stripe-filter { flex: 1 1 160px; min-width: 0; }
.leadstart-commerce-for-stripe-filters .leadstart-commerce-for-stripe-filter input, .leadstart-commerce-for-stripe-filters .leadstart-commerce-for-stripe-filter select { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; }
.leadstart-commerce-for-stripe-filters .leadstart-commerce-for-stripe-price-range { display: flex; width: 100%; }
.leadstart-commerce-for-stripe-filters .leadstart-commerce-for-stripe-price-range input { flex: 1 1 0; width: auto; }
.leadstart-commerce-for-stripe-filters .leadstart-commerce-for-stripe-filter-apply, .leadstart-commerce-for-stripe-filters a.leadstart-commerce-for-stripe-filter-clear { flex: 0 0 auto; justify-content: center; text-align: center; }
@container lsm-filters (max-width: 420px) {
    .leadstart-commerce-for-stripe-filter-row { flex-direction: column; align-items: stretch; }
    .leadstart-commerce-for-stripe-filters .leadstart-commerce-for-stripe-filter { flex: 0 0 auto; width: 100%; }
    .leadstart-commerce-for-stripe-filters .leadstart-commerce-for-stripe-filter-apply, .leadstart-commerce-for-stripe-filters a.leadstart-commerce-for-stripe-filter-clear { width: 100%; }
}
.leadstart-commerce-for-stripe-with-sidebar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.leadstart-commerce-for-stripe-sidebar .leadstart-commerce-for-stripe-filters { margin: 0; }
@media (min-width: 992px) { .leadstart-commerce-for-stripe-with-sidebar { grid-template-columns: 300px minmax(0, 1fr); align-items: start; } }
@media (max-width: 991.98px) { .leadstart-commerce-for-stripe-with-sidebar .leadstart-commerce-for-stripe-filters.is-vertical { max-width: none; } }