.treesal-added-to-cart-modal{position:fixed;inset:0;z-index:9999;display:none}
.treesal-added-to-cart-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.treesal-added-to-cart-modal__dialog{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:16px 16px 0 0;max-height:85vh;overflow:auto;box-shadow:0 -8px 24px rgba(0,0,0,.15)}
.treesal-added-to-cart-modal__close{position:absolute;left:16px;top:8px;background:transparent;border:0;font-size:24px;line-height:1;cursor:pointer;padding:0;color:#000}
.treesal-added-to-cart-modal__body{padding:16px}

/* Header (success row) */
.treesal-added-head{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.06)}
.treesal-added-head__icon{position:relative;width:40px;height:40px;flex:0 0 40px}
.treesal-added-head__ring{position:absolute;inset:0}
.treesal-added-head__ring .ring{transform:rotate(-90deg)}
.treesal-added-head__ring .ring-bg{stroke:#e8f6ee}
.treesal-added-head__ring .ring-fg{stroke:#27ae60;stroke-dasharray:113;stroke-dashoffset:0;transition:stroke-dashoffset .2s linear}
.treesal-added-head__icon .check{position:absolute;top:6px;left:6px;right:6px;bottom:6px;margin:auto}
.treesal-added-head__title{font-size:16px;font-weight:700}
.treesal-added-head__meta{font-size:14px;color:#333;display:flex;gap:6px}

/* Suggestions slider */
.treesal-added-suggest__title{font-size:18px;font-weight:700;margin:14px 0}
.treesal-added-suggest__swiper{overflow:hidden}
.treesal-suggest-slide{height:auto}
.treesal-suggest-nav{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
.treesal-suggest-prev,.treesal-suggest-next{background:#fff;border:1px solid #eee;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}

/* Actions */
.treesal-added-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:12px;padding:12px}
.treesal-added-actions__btn{flex:1 1 auto;text-align:center;padding:12px;border-radius:999px;font-weight:700}
.treesal-added-actions__btn--primary{background:#111;color:#fff}
.treesal-added-actions__btn--secondary{background:#fff;color:#111;border:1px solid #111}

/* Desktop center modal */
@media (min-width:768px){
	.treesal-added-to-cart-modal__dialog{width:760px;margin:10vh auto;border-radius:12px}
}

/* Prevent background scroll when open */
body.treesal-added-to-cart-open{overflow:hidden}

.skeleton{background:linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);background-size:400% 100%;animation:skeletonShimmer 1.2s ease-in-out infinite;border-radius:6px}
.skeleton-thumb{width:100%;height:120px;border-radius:10px}
.skeleton-line{height:12px;margin-top:8px}
.treesal-added-skeleton{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.skeleton-card{border:1px solid #eee;border-radius:10px;padding:10px}
@media(min-width:768px){.treesal-added-skeleton{grid-template-columns:repeat(3,1fr)}}
@keyframes skeletonShimmer{0%{background-position:100% 0}100%{background-position:0 0}}

/* Smooth transition between skeleton and loaded content */
.treesal-loading{opacity:1;transition:opacity .22s ease}
.treesal-loading.is-fading{opacity:0}
.treesal-loaded.treesal-fade{opacity:1;transform:translateY(0);transition:opacity .25s ease, transform .25s ease}
.treesal-loaded.treesal-fade.is-pre{opacity:0;transform:translateY(6px)}

#sticky-product-bar{
	display: none;
}