/* ================================
   Purple Business Academy
   Product Archive V3
   Screenshot-matched visual system
================================ */

.pba-v3{--purple:#40218a;--purple2:#2a1262;--violet:#6b39bd;--lav:#f7f2ff;--pink:#c46cdb;--ink:#25202e;--muted:#777080;--line:#e8e3ec;background:#fff;color:var(--ink);font-family:inherit}
.pba-v3 *{box-sizing:border-box}.pba-v3 a{text-decoration:none}.pba-v3 img{max-width:100%}
.pba-v3-wrap{width:min(100% - 34px,1260px);margin:auto}

/* hero */
.pba-v3-hero{margin:16px auto 0;width:min(100% - 34px,1260px);border-radius:18px;overflow:hidden;background:
radial-gradient(circle at 87% 17%,rgba(194,85,220,.18),transparent 20%),
radial-gradient(circle at 55% 100%,rgba(120,70,207,.26),transparent 34%),
linear-gradient(115deg,#2a1261 0%,#42208e 56%,#3b1d7d 100%);color:#fff}
.pba-v3-hero-inner{min-height:370px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:15px;padding:38px 40px}
.pba-v3-hero-copy{padding-left:2px;position:relative;z-index:3}
.pba-v3-hero-tag{display:inline-block;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);border-radius:999px;padding:7px 13px;font-size:11px;color:#fff}
.pba-v3-hero h1{font-size:clamp(42px,5vw,65px);font-weight:700;line-height:1.08;letter-spacing:-1.8px;margin:18px 0 14px;color:#fff}
.pba-v3-hero h1 em{color:#d894e5;font-style:normal}
.pba-v3-hero p{max-width:535px;color:#eee8f7;font-size:14px;line-height:1.8;margin:0 0 20px}
.pba-v3-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.pba-v3-primary{display:inline-flex;align-items:center;gap:18px;background:#fff!important;color:#42208e!important;border-radius:8px;padding:12px 16px;font-size:12px;font-weight:800}
.pba-v3-primary span{font-size:18px}.pba-v3-rating{display:flex;align-items:center;gap:7px;color:#fff;font-size:12px}.pba-v3-rating strong{font-size:12px}.pba-v3-rating small{opacity:.85}.pba-v3-avatars{display:flex;padding-left:3px}.pba-v3-avatars i{width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,#c9b6a3,#61457c);margin-left:-5px;display:block}.pba-v3-avatars i:nth-child(2){background:linear-gradient(135deg,#e5c4a7,#75506d)}.pba-v3-avatars i:nth-child(3){background:linear-gradient(135deg,#8a6c55,#2c2350)}.pba-v3-avatars i:nth-child(4){background:linear-gradient(135deg,#d8b4a5,#5d315e)}
.pba-v3-hero-art{height:320px;position:relative;display:flex;align-items:center;justify-content:center}.pba-v3-ring{position:absolute;width:290px;height:76px;border-radius:50%;background:rgba(24,7,66,.55);bottom:33px;box-shadow:0 10px 25px rgba(0,0,0,.16)}.pba-v3-dots{position:absolute;right:5px;top:2px;width:130px;height:130px;opacity:.5;background-image:radial-gradient(#9c4ed0 1.7px,transparent 1.7px);background-size:15px 15px;mask-image:linear-gradient(135deg,#000,transparent)}
.pba-v3-books{position:relative;width:360px;height:300px;display:flex;align-items:center;justify-content:center;z-index:2}.pba-v3-book{position:absolute!important;width:190px!important;height:245px!important;object-fit:contain!important;filter:drop-shadow(0 19px 12px rgba(0,0,0,.3));margin:0!important}.pba-v3-book-1{transform:rotate(-11deg) translate(-46px,0);z-index:1}.pba-v3-book-2{transform:rotate(7deg) translate(44px,-2px);z-index:2}.pba-v3-book-3{transform:rotate(2deg) translate(0,-7px);z-index:3}

/* benefits */
.pba-v3-benefits{padding:15px 0 18px}.pba-v3-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:15px;padding:5px;background:#fff;box-shadow:0 4px 18px rgba(44,18,85,.025)}
.pba-v3-benefit{display:flex;align-items:center;gap:12px;padding:15px 18px;border-right:1px solid #eeeaf1}.pba-v3-benefit:last-child{border-right:0}.pba-v3-benefit>b{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#f6efff;color:#6233aa;font-size:19px}.pba-v3-benefit span{display:flex;flex-direction:column;gap:4px}.pba-v3-benefit strong{font-size:12px;color:#5c2a9d}.pba-v3-benefit small{font-size:10px;line-height:1.55;color:#777080}

/* heading/products */
.pba-v3-products{padding:25px 0 45px}.pba-v3-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px;padding-left:4px}.pba-v3-heading h2{font-size:28px;line-height:1;margin:0 0 8px;font-weight:700;color:#292237}.pba-v3-heading h2 sup{font-size:12px;color:#a66cdb}.pba-v3-heading p{margin:0;color:#7b7482;font-size:11px}.pba-v3-sort select{height:36px;min-width:128px;border:1px solid #e5e0e9;background:#fff;border-radius:7px;padding:0 10px;font-size:10px;color:#6c6670;outline:0}
.pba-v3-main{display:grid;grid-template-columns:205px minmax(0,1fr);gap:27px}

/* filter */
.pba-v3-filter{border:1px solid #e8e2ed;border-radius:10px;padding:16px;height:max-content;background:#fff}.pba-v3-filter h3{font-size:14px;margin:0 0 14px;font-weight:800}.pba-v3-filter-block{border-top:1px solid #eeeaf1;padding:14px 0}.pba-v3-filter-block:first-of-type{border-top:0;padding-top:2px}.pba-v3-filter h4{font-size:11px;margin:0 0 13px}.pba-v3-range{height:5px;border-radius:10px;background:#e4d6f6;position:relative;margin:16px 3px 9px}.pba-v3-range:before,.pba-v3-range:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #6131ac}.pba-v3-range:before{left:-3px}.pba-v3-range:after{right:-3px}.pba-v3-range span{display:block;width:100%;height:100%;background:#6534b1;border-radius:10px}.pba-v3-price-label{font-size:9px;color:#7c7485;margin-bottom:10px}.pba-v3-filter button{width:100%;border:0;border-radius:5px;background:#48218d;color:#fff;padding:8px;font-size:9px;font-weight:700}.pba-v3-filter label{display:flex;align-items:center;gap:7px;font-size:9px;color:#57515d;margin:9px 0;cursor:pointer}.pba-v3-filter label input{accent-color:#5b2aa6;width:12px;height:12px}.pba-v3-filter label em{margin-left:auto;background:#f0edf4;border-radius:4px;padding:2px 5px;font-style:normal;color:#716a79}.pba-v3-reset{display:flex!important;justify-content:center;align-items:center;gap:8px;border:1px solid #ddd6e6;border-radius:5px;padding:8px;font-size:9px;color:#5d536b!important;margin-top:2px}.pba-v3-reset span{font-size:14px}

/* product grid */
.pba-v3-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pba-v3-card{border:1px solid #e5e0e9;border-radius:10px;background:#fff;overflow:hidden;transition:.2s;min-width:0}.pba-v3-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(52,20,95,.09)}.pba-v3-card-image{height:225px;display:flex;align-items:center;justify-content:center;background:#faf8fc;position:relative;overflow:hidden}.pba-v3-card-image img{width:100%;height:100%;object-fit:contain;margin:0!important;transition:.25s}.pba-v3-card:hover .pba-v3-card-image img{transform:scale(1.025)}.pba-v3-card-image>span{position:absolute;left:8px;top:8px;padding:4px 6px;background:#ead8ff;color:#6030a3;border-radius:4px;font-size:7px;font-weight:700}.pba-v3-card-body{padding:9px 10px 10px}.pba-v3-card-body h3{font-size:10px;line-height:1.45;font-weight:600;margin:0 0 9px;min-height:29px}.pba-v3-card-body h3 a{color:#3c3345!important}.pba-v3-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:6px}.pba-v3-price{font-size:13px;font-weight:900;color:#42208d;line-height:1.1}.pba-v3-stars{font-size:8px;color:#6c6571;margin-top:4px}.pba-v3-stars b{color:#f2b13c}.pba-v3-stars small{font-size:7px;color:#999}.pba-v3-cart{flex:0 0 31px;width:31px;height:31px;border-radius:7px!important;background:#4b2098!important;color:#fff!important;display:grid!important;place-items:center;font-size:13px!important;border:0!important}.pba-v3-empty{grid-column:1/-1;padding:70px;text-align:center;border:1px dashed #ddd5e7;color:#777}

/* pagination */
.pba-v3-pagination{text-align:center;margin-top:22px}.pba-v3-pagination ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:6px}.pba-v3-pagination li{margin:0}.pba-v3-pagination a,.pba-v3-pagination span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e4dfe9;border-radius:6px;color:#625b6b!important;font-size:9px}.pba-v3-pagination .current{background:#5727a7;color:#fff!important;border-color:#5727a7}

/* why */
.pba-v3-why{margin:8px 0 35px;padding:22px 0 21px;background:linear-gradient(100deg,#f8f1ff,#f3ebfd);border:1px solid #e9e0f4;border-radius:13px;overflow:hidden}.pba-v3-why-copy{display:flex;align-items:center;gap:18px;margin-bottom:17px}.pba-v3-why-copy span{font-size:9px;font-weight:900;letter-spacing:1px;color:#9b48c3}.pba-v3-why h2{font-size:21px;margin:0;color:#4b238d}.pba-v3-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pba-v3-why-grid>div{display:grid;grid-template-columns:32px 1fr;column-gap:9px;align-items:center}.pba-v3-why-grid b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid #dccbef;color:#6737aa;background:#fff;grid-row:span 2;font-size:13px}.pba-v3-why-grid h3{font-size:10px;margin:0;color:#403649}.pba-v3-why-grid p{font-size:8px;line-height:1.5;color:#777080;margin:3px 0 0}

/* responsive */
@media(max-width:1050px){.pba-v3-grid{grid-template-columns:repeat(3,1fr)}.pba-v3-benefit-grid{grid-template-columns:repeat(2,1fr)}.pba-v3-benefit:nth-child(2){border-right:0}.pba-v3-benefit:nth-child(-n+2){border-bottom:1px solid #eeeaf1}.pba-v3-why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.pba-v3-hero-inner{grid-template-columns:1fr;padding:35px 28px}.pba-v3-hero-art{height:240px}.pba-v3-main{grid-template-columns:1fr}.pba-v3-filter{display:none}.pba-v3-grid{grid-template-columns:repeat(2,1fr)}.pba-v3-heading{align-items:flex-start;flex-direction:column}.pba-v3-why-copy{display:block}.pba-v3-why-copy span{display:block;margin-bottom:7px}}
@media(max-width:540px){.pba-v3-wrap{width:calc(100% - 22px)}.pba-v3-hero{width:calc(100% - 22px)}.pba-v3-hero h1{font-size:38px}.pba-v3-hero p{font-size:12px}.pba-v3-hero-actions{gap:13px}.pba-v3-rating{font-size:10px}.pba-v3-hero-art{height:190px}.pba-v3-books{transform:scale(.78)}.pba-v3-benefit-grid{grid-template-columns:1fr}.pba-v3-benefit{border-right:0!important;border-bottom:1px solid #eeeaf1!important}.pba-v3-benefit:last-child{border-bottom:0!important}.pba-v3-products{padding-top:25px}.pba-v3-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pba-v3-card-image{height:190px}.pba-v3-card-body{padding:8px}.pba-v3-card-body h3{font-size:9px}.pba-v3-price{font-size:11px}.pba-v3-cart{width:28px;height:28px;flex-basis:28px}.pba-v3-why-grid{grid-template-columns:1fr}.pba-v3-why{margin-bottom:20px}.pba-v3-why-grid>div{padding:3px 0}}