/* Protein Paradise - Trending in Sale section */

.pp-ts{
	--pp-ts-cols:4;
	--pp-ts-gap:16px;
	--pp-ts-gold:#c9971a;
	--pp-ts-gold-bright:#f3c21a;
	--pp-ts-gold-soft:#fdf4de;
	--pp-ts-ink:#141414;
	--pp-ts-muted:#6f6f6f;
	--pp-ts-line:#e9e9e5;
	--pp-ts-green:#0f8a4d;
	background:#f6f6f4;
	padding:60px 0 66px;
}
.pp-ts *,.pp-ts *::before,.pp-ts *::after{box-sizing:border-box;}
.pp-ts-in{max-width:1240px;margin:0 auto;padding:0 20px;}

/* ---------- heading ---------- */
.pp-ts .pp-ts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 22px;}
.pp-ts .pp-ts-eyebrow{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--pp-ts-gold);font-weight:700;margin:0 0 9px;line-height:1;}
.pp-ts .pp-ts-title{font-size:30px;line-height:1.15;font-weight:700;color:var(--pp-ts-ink);margin:0;letter-spacing:-.01em;}
.pp-ts .pp-ts-alltop{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pp-ts-ink);text-decoration:none;white-space:nowrap;border-bottom:2px solid var(--pp-ts-gold-bright);padding-bottom:4px;transition:color .18s ease;}
.pp-ts .pp-ts-alltop:hover{color:var(--pp-ts-gold);}

/* ---------- tabs ---------- */
.pp-ts .pp-ts-tabs{display:flex;gap:10px;overflow-x:auto;padding:2px 0 16px;margin:0 0 4px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}
.pp-ts .pp-ts-tabs::-webkit-scrollbar{display:none;}
.pp-ts .pp-ts-tab{flex:0 0 auto;-webkit-appearance:none;appearance:none;border:1px solid #dcdcd6;background:#fff;color:var(--pp-ts-ink);font-family:inherit;font-size:14px;font-weight:600;line-height:1;padding:0 18px;min-height:44px;border-radius:8px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease;}
.pp-ts .pp-ts-tab:hover{border-color:var(--pp-ts-gold);color:#a87f12;}
.pp-ts .pp-ts-tab:focus-visible{outline:2px solid var(--pp-ts-gold);outline-offset:2px;}
.pp-ts .pp-ts-tab[aria-selected="true"]{background:var(--pp-ts-ink);border-color:var(--pp-ts-ink);color:#fff;}

/* ---------- carousel ---------- */
.pp-ts .pp-ts-panel{display:none;}
.pp-ts .pp-ts-panel.is-active{display:block;}
.pp-ts .pp-ts-viewport{position:relative;}
.pp-ts .pp-ts-track{display:flex;gap:var(--pp-ts-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 8px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}
.pp-ts .pp-ts-track::-webkit-scrollbar{display:none;}
.pp-ts .pp-ts-track:focus-visible{outline:2px solid var(--pp-ts-gold);outline-offset:4px;border-radius:14px;}

.pp-ts .pp-ts-nav{position:absolute;top:150px;transform:translateY(-50%);width:44px;height:44px;padding:0;border-radius:50%;background:#fff;border:1px solid var(--pp-ts-line);color:var(--pp-ts-ink);box-shadow:0 6px 20px rgba(20,20,20,.14);cursor:pointer;z-index:3;align-items:center;justify-content:center;display:none;transition:background .18s ease,color .18s ease,border-color .18s ease;}
.pp-ts .pp-ts-nav:hover{background:var(--pp-ts-ink);border-color:var(--pp-ts-ink);color:#fff;}
.pp-ts .pp-ts-nav svg{display:block;}
.pp-ts .pp-ts-prev{left:-14px;}
.pp-ts .pp-ts-next{right:-14px;}
@media(min-width:900px){
	.pp-ts .pp-ts-nav{display:flex;}
	.pp-ts .pp-ts-nav[hidden]{display:none;}
}

/* ---------- card ---------- */
.pp-ts .pp-ts-card{flex:0 0 calc((100% - (var(--pp-ts-cols) - 1) * var(--pp-ts-gap)) / var(--pp-ts-cols));scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid #ececea;border-radius:14px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
.pp-ts .pp-ts-card:hover{border-color:#e6cf85;box-shadow:0 14px 30px rgba(20,20,20,.09);transform:translateY(-3px);}

.pp-ts .pp-ts-media{position:relative;background:#fff;}
.pp-ts .pp-ts-imglink{display:block;}
.pp-ts .pp-ts-media img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;padding:16px 16px 6px;background:#fff;}
.pp-ts .pp-ts-off{position:absolute;top:12px;left:12px;background:var(--pp-ts-gold-bright);color:var(--pp-ts-ink);font-size:11px;font-weight:800;letter-spacing:.03em;line-height:1;padding:6px 9px;border-radius:6px;}

/* wishlist heart (WCBoost) reskinned as a round icon button */
.pp-ts .pp-ts-wish{position:absolute;top:10px;right:10px;z-index:2;line-height:0;}
.pp-ts .pp-ts-wish .wcboost-wishlist-button{display:inline-flex !important;align-items:center;justify-content:center;width:38px;height:38px;min-height:0;padding:0;margin:0;border:1px solid var(--pp-ts-line);border-radius:50%;background:#fff;color:#8e8e88;box-shadow:0 2px 8px rgba(20,20,20,.08);transition:color .18s ease,border-color .18s ease;}
.pp-ts .pp-ts-wish .wcboost-wishlist-button:hover{color:#d1434a;border-color:#f0c2c4;background:#fff;}
.pp-ts .pp-ts-wish .wcboost-wishlist-button__text{display:none !important;}
.pp-ts .pp-ts-wish .wcboost-wishlist-button__icon{display:inline-flex;margin:0;}
.pp-ts .pp-ts-wish .wcboost-wishlist-button__icon svg{width:17px;height:17px;fill:currentColor;}
.pp-ts .pp-ts-wish .wcboost-wishlist-button--added,
.pp-ts .pp-ts-wish .wcboost-wishlist-button.added{color:#d1434a;border-color:#f0c2c4;}

.pp-ts .pp-ts-body{display:flex;flex-direction:column;flex:1 1 auto;padding:6px 15px 16px;}
.pp-ts .pp-ts-meta{display:flex;align-items:center;gap:9px;min-height:22px;margin:0 0 8px;}
.pp-ts .pp-ts-rating{display:inline-flex;align-items:center;gap:4px;background:var(--pp-ts-green);color:#fff;font-size:11.5px;font-weight:700;line-height:1;padding:4px 7px;border-radius:4px;}
.pp-ts .pp-ts-stock{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--pp-ts-green);line-height:1;}
.pp-ts .pp-ts-stock::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pp-ts-green);}

.pp-ts .pp-ts-name{margin:0 0 10px;font-size:14px;line-height:1.45;font-weight:600;min-height:40px;}
.pp-ts .pp-ts-name a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--pp-ts-ink);text-decoration:none;transition:color .18s ease;}
.pp-ts .pp-ts-name a:hover{color:var(--pp-ts-gold);}

.pp-ts .pp-ts-prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0 0 5px;}
.pp-ts .pp-ts-price{font-size:19px;font-weight:800;color:var(--pp-ts-ink);line-height:1.2;letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.pp-ts .pp-ts-mrp{font-size:13px;font-weight:500;color:#a0a09a;text-decoration:line-through;line-height:1.2;font-variant-numeric:tabular-nums;}
.pp-ts .pp-ts-price .amount,.pp-ts .pp-ts-mrp .amount{color:inherit;font-size:inherit;font-weight:inherit;text-decoration:inherit;}
.pp-ts .pp-ts-mrp bdi{text-decoration:line-through;}

.pp-ts .pp-ts-save{min-height:17px;margin:0 0 11px;font-size:12px;font-weight:600;color:var(--pp-ts-green);line-height:1.4;}
.pp-ts .pp-ts-save .amount{color:inherit;font-size:inherit;font-weight:700;}

.pp-ts .pp-ts-strip{display:flex;align-items:center;gap:8px;min-height:36px;margin:0 0 13px;padding:8px 11px;border:1px solid #f2e4bd;border-radius:9px;background:var(--pp-ts-gold-soft);color:#8a6a10;font-size:12px;font-weight:600;line-height:1.3;}
.pp-ts .pp-ts-strip svg{flex:0 0 auto;opacity:.85;}
.pp-ts .pp-ts-strip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ---------- buttons ---------- */
.pp-ts .pp-ts-actions{display:flex;flex-direction:column;gap:9px;margin-top:auto;}
.pp-ts .pp-ts-atc,
.pp-ts .pp-ts-buy{display:flex !important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:0 12px;border-radius:10px;font-family:inherit;font-size:14px;font-weight:700;line-height:1;letter-spacing:0;text-align:center;text-decoration:none;text-transform:none;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease;}
.pp-ts .pp-ts-atc{background:#fffdf5;border:1px solid #e8cd72;color:#a87f12;}
.pp-ts .pp-ts-atc:hover{background:var(--pp-ts-gold-soft);border-color:var(--pp-ts-gold);color:#8a6a10;}
.pp-ts .pp-ts-atc svg{flex:0 0 auto;}
.pp-ts .pp-ts-buy{background:var(--pp-ts-gold-bright);border:1px solid var(--pp-ts-gold-bright);color:var(--pp-ts-ink);font-weight:800;}
.pp-ts .pp-ts-buy:hover{background:#e4b40c;border-color:#e4b40c;color:var(--pp-ts-ink);}
.pp-ts .pp-ts-atc:focus-visible,.pp-ts .pp-ts-buy:focus-visible{outline:2px solid var(--pp-ts-ink);outline-offset:2px;}

.pp-ts .pp-ts-atc.loading{opacity:.6;pointer-events:none;}
.pp-ts .pp-ts-atc.added .pp-ts-atc-label{display:none;}
.pp-ts .pp-ts-atc.added::after{content:"Added to cart";}
.pp-ts .added_to_cart{display:none !important;}

/* ---------- footer ---------- */
.pp-ts .pp-ts-foot{display:flex;justify-content:center;margin-top:24px;}
.pp-ts .pp-ts-viewall{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 28px;border:1px solid #e8cd72;border-radius:10px;background:#fff;color:var(--pp-ts-ink);font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;transition:background .18s ease,border-color .18s ease;}
.pp-ts .pp-ts-viewall:hover{background:var(--pp-ts-gold-bright);border-color:var(--pp-ts-gold-bright);color:var(--pp-ts-ink);}
.pp-ts .pp-ts-viewall svg{width:15px;height:15px;}

/* ---------- responsive ---------- */
@media(max-width:1199px){.pp-ts{--pp-ts-cols:3;}}
@media(max-width:991px){.pp-ts{--pp-ts-cols:2.4;}.pp-ts .pp-ts-title{font-size:26px;}}
@media(max-width:767px){
	.pp-ts{--pp-ts-cols:1.3;--pp-ts-gap:12px;padding:44px 0 48px;}
	.pp-ts-in{padding:0 16px;}
	.pp-ts .pp-ts-head{display:block;margin-bottom:18px;}
	.pp-ts .pp-ts-alltop{display:none;}
	.pp-ts .pp-ts-title{font-size:23px;}
	.pp-ts .pp-ts-tabs{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;}
	.pp-ts .pp-ts-track{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scroll-padding:0 16px;}
	.pp-ts .pp-ts-price{font-size:18px;}
	.pp-ts .pp-ts-name{font-size:13.5px;}
}
@media(max-width:400px){.pp-ts{--pp-ts-cols:1.15;}}

@media(prefers-reduced-motion:reduce){
	.pp-ts .pp-ts-track{scroll-behavior:auto;}
	.pp-ts .pp-ts-card:hover{transform:none;}
}