/* ==========================================================================
   Shine Store — discounted price display
   Single source of truth for how "old price / new price" looks, in both
   the product card and the single-product page. Loaded last on purpose so
   nothing else in the theme can override it.
   ========================================================================== */

.shine-price{display:flex;flex-direction:column;align-items:center;gap:3px}

.shine-price-old{
    font-size:12px;
    font-weight:700;
    color:#a99ba3!important;
    text-decoration:line-through!important;
    text-decoration-thickness:1.5px!important;
    text-decoration-color:#d8899b!important;
    text-decoration-skip-ink:none!important;
    opacity:.9;
}

.shine-price-new{
    font-size:14px;
    font-weight:950;
    color:var(--app-primary,#e91e63);
    text-decoration:none!important;
}

/* -------------------- Product card (grid / carousel / related) -------------------- */
.shine-v17-card-price .shine-price{align-items:flex-end;gap:2px}
.shine-v17-card-price .shine-price-old{font-size:10px}
.shine-v17-card-price .shine-price-new{font-size:13px}

.shine-v17-card--hover .shine-price-old{color:rgba(255,255,255,.85)!important;text-decoration-color:rgba(255,255,255,.75)!important}
.shine-v17-card--hover .shine-price-new{color:#fff}

/* -------------------- Single product page -------------------- */
.sp-price-row{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:22px 0 18px;
    text-align:center;
}

.sp-discount{
    padding:6px 16px;
    border-radius:999px;
    background:#fff0f2;
    color:var(--app-danger,#e63757);
    font-size:13px;
    font-weight:950;
    box-shadow:0 6px 16px rgba(216,88,112,.12);
}

.sp-price-row .shine-price-old{font-size:16px}
.sp-price-row .shine-price-new{font-size:32px}

@media (max-width:767px){
    .sp-price-row .shine-price-old{font-size:13px}
    .sp-price-row .shine-price-new{font-size:25px}
}

/* -------------------- Purchase-card stock chip -------------------- */
.sp-stock-chip{
    display:flex;
    align-items:center;
    gap:8px;
    padding:6px 12px 6px 7px;
    border-radius:14px;
    background:linear-gradient(135deg,#fff,var(--app-surface-2,#f6f1f3));
    border:1px solid var(--app-line,#ebe4e7);
    box-shadow:0 6px 16px rgba(43,25,34,.06);
    flex:0 0 auto;
}

.sp-stock-chip-icon{
    position:relative;
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    border-radius:10px;
    background:var(--app-surface-2,#f6f1f3);
    color:var(--app-primary,#e91e63);
    flex:0 0 auto;
}
.sp-stock-chip-icon svg{width:15px;height:15px}

.sp-stock-chip-text{display:flex;flex-direction:column;line-height:1.3}
.sp-stock-chip-text strong{font-size:14px;font-weight:950;color:var(--app-text,#251c21)}
.sp-stock-chip-text small{font-size:8px;font-weight:800;color:var(--app-muted,#948890)}

.sp-stock-chip--medium .sp-stock-chip-icon{background:#fff6e6;color:#c9821b}
.sp-stock-chip--medium .sp-stock-chip-text strong{color:#c9821b}
.sp-stock-chip--low .sp-stock-chip-icon{background:#fff0f2;color:var(--app-danger,#e63757)}
.sp-stock-chip--low .sp-stock-chip-icon:after{
    content:"";
    position:absolute;
    top:-2px;
    inset-inline-end:-2px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--app-danger,#e63757);
    box-shadow:0 0 0 3px rgba(230,55,87,.18);
    animation:spStockPulse 1.6s infinite;
}
.sp-stock-chip--low .sp-stock-chip-text strong{color:var(--app-danger,#e63757)}

@keyframes spStockPulse{
    0%,100%{transform:scale(1);opacity:1}
    50%{transform:scale(1.4);opacity:.5}
}

@media (max-width:767px){
    .sp-stock-chip{padding:5px 10px 5px 6px;gap:6px;border-radius:12px}
    .sp-stock-chip-icon{width:26px;height:26px;border-radius:9px}
    .sp-stock-chip-icon svg{width:13px;height:13px}
    .sp-stock-chip-text strong{font-size:12px}
    .sp-stock-chip-text small{font-size:7px}
}

@media (prefers-reduced-motion:reduce){
    .sp-stock-chip--low .sp-stock-chip-icon:after{animation:none}
}

/* -------------------- Chip group (stock + savings side by side) -------------------- */
.sp-head-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}

.sp-stock-chip--savings{border-color:rgba(25,145,91,.22);background:linear-gradient(135deg,#fff,#effaf4)}
.sp-stock-chip--savings .sp-stock-chip-icon{background:#e7f8ee;color:#198b61}
.sp-stock-chip--savings .sp-stock-chip-text strong{color:#087244;white-space:nowrap}
.sp-stock-chip--savings .sp-stock-chip-text small{color:#4a9d7c}

@media (max-width:767px){
    .sp-head-chips{justify-content:flex-start}
}

/* Compact sizing for the chip when it lives in the top category row */
.sp-category-row .sp-stock-chip{padding:4px 10px 4px 5px;gap:6px;border-radius:12px}
.sp-category-row .sp-stock-chip-icon{width:24px;height:24px;border-radius:8px}
.sp-category-row .sp-stock-chip-icon svg{width:12px;height:12px}
.sp-category-row .sp-stock-chip-text strong{font-size:11px}
.sp-category-row .sp-stock-chip-text small{font-size:7px}