.pl-main{display:block;min-height:100vh}.pl-main--list{background-color:var(--color-bg-secondary)}.pl-page-header{padding:var(--space-10) var(--space-4);text-align:center;background-color:var(--color-bg);border-bottom:var(--space-px) solid var(--color-border)}.pl-page-header__inner{max-width:var(--container-lg);margin-inline:auto}.pl-page-header__title{max-width:var(--container-lg);margin:0 auto var(--space-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}.pl-page-header__label{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-primary-light);border-radius:var(--radius-full)}.pl-page-header__desc{max-width:var(--container-lg);margin:0 auto;font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.pl-layout{display:grid;gap:var(--space-8);max-width:var(--container-xl);margin-inline:auto;padding:var(--space-8) var(--space-4)}.pl-layout--full{display:block}.pl-layout__main{min-width:0}.pl-layout__side{display:flex;flex-direction:column;gap:var(--space-6)}.pl-grid{display:grid;gap:var(--space-6)}.pl-grid--3col{grid-template-columns:1fr}.pl-grid--4col{grid-template-columns:1fr}.pl-ico{display:inline-block;flex-shrink:0;width:var(--icon-md);height:var(--icon-md);vertical-align:middle;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pl-ico--xs{width:var(--icon-xs);height:var(--icon-xs)}.pl-ico--sm{width:var(--icon-sm);height:var(--icon-sm)}.pl-ico--lg{width:var(--icon-lg);height:var(--icon-lg)}.pl-ico--xl{width:var(--icon-xl);height:var(--icon-xl)}.pl-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding-inline:var(--space-4);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);text-decoration:none;white-space:nowrap;border:var(--space-px) solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--duration-200) var(--easing-in-out),border-color var(--duration-200) var(--easing-in-out),color var(--duration-200) var(--easing-in-out)}.pl-btn--primary{color:var(--color-text-inverse);background-color:var(--color-primary);border-color:var(--color-primary)}.pl-btn--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pl-btn--outline{color:var(--color-primary);background-color:transparent;border-color:var(--color-primary)}.pl-btn--outline:hover{color:var(--color-text-inverse);background-color:var(--color-primary)}.pl-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.pl-badge--danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.pl-badge--warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.pl-badge--info{background-color:var(--color-info-light);color:var(--color-info-dark)}.pl-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2-5);font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);border-radius:var(--radius-full)}.pl-tag--sm{padding:var(--space-0-5) var(--space-2);font-size:.6875rem}.pl-card{position:relative;display:flex;flex-direction:column;background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration-200) var(--easing-in-out),box-shadow var(--duration-200) var(--easing-in-out),transform var(--duration-200) var(--easing-in-out)}.pl-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-card-hover);transform:translateY(calc(var(--space-1) * -1))}.pl-card__link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}.pl-card__img{position:relative;aspect-ratio:var(--aspect-card);overflow:hidden;background-color:var(--color-bg-tertiary)}.pl-card__img--frame{border-bottom:var(--space-px) solid var(--color-border-light)}.pl-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-300) var(--easing-out)}.pl-card:hover .pl-card__img img{transform:scale(1.05)}.pl-card__body{display:flex;flex-direction:column;flex:1;gap:var(--space-3);padding:var(--space-4)}.pl-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pl-card__title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-card__desc{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pl-card__meta{display:flex;align-items:center;gap:var(--space-4);margin-top:auto;font-size:var(--font-size-xs);color:var(--color-text-muted)}.pl-card__sort{color:var(--color-text-muted)}.pl-card__sort::before{content:'·';margin-right:var(--space-2)}.pl-card--product .pl-card__body{gap:var(--space-2)}.pl-card--product .pl-btn{margin-top:var(--space-3);align-self:flex-start}.pl-case-grid{display:grid;gap:var(--space-6)}.pl-case-card{background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration-200) var(--easing-in-out),box-shadow var(--duration-200) var(--easing-in-out),transform var(--duration-200) var(--easing-in-out)}.pl-case-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-card-hover);transform:translateY(calc(var(--space-1) * -1))}.pl-case-card__link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.pl-case-card__thumb{position:relative;aspect-ratio:var(--aspect-card);overflow:hidden;background-color:var(--color-bg-tertiary)}.pl-case-card__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-300) var(--easing-out)}.pl-case-card:hover .pl-case-card__thumb img{transform:scale(1.05)}.pl-case-card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.pl-case-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pl-case-card__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text)}.pl-case-card__desc{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-case-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pl-case-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-3);border-top:var(--space-px) solid var(--color-border-light)}.pl-case-card__date{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.pl-case-card__more{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.pl-faq__category{padding:var(--space-6) var(--space-4);background-color:var(--color-bg);border-bottom:var(--space-px) solid var(--color-border)}.pl-faq__category-title{max-width:var(--container-xl);margin:0 auto var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center}.pl-faq__list{display:flex;flex-direction:column;gap:var(--space-4)}.pl-faq__item{padding:var(--space-5);background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--duration-200) var(--easing-in-out),box-shadow var(--duration-200) var(--easing-in-out)}.pl-faq__item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.pl-faq__question-link{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);text-decoration:none}.pl-faq__question-text{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text);transition:color var(--duration-150) var(--easing-in-out)}.pl-faq__question-link:hover .pl-faq__question-text{color:var(--color-primary)}.pl-faq__goto{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);color:var(--color-text-muted);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);transition:background-color var(--duration-150) var(--easing-in-out),color var(--duration-150) var(--easing-in-out)}.pl-faq__question-link:hover .pl-faq__goto{color:var(--color-text-inverse);background-color:var(--color-primary)}.pl-faq__snippet{margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--space-px) solid var(--color-border-light)}.pl-faq__snippet p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.pl-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);max-width:var(--container-xl);margin-inline:auto;padding:var(--space-4);background-color:var(--color-bg);border-bottom:var(--space-px) solid var(--color-border)}.pl-filter__item{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);transition:background-color var(--duration-150) var(--easing-in-out),color var(--duration-150) var(--easing-in-out)}.pl-filter__item:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.pl-filter__item.is-active{color:var(--color-text-inverse);background-color:var(--color-primary)}.pl-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-16) var(--space-4);text-align:center}.pl-empty__icon{width:var(--space-16);height:var(--space-16);margin-bottom:var(--space-6);color:var(--color-text-muted)}.pl-empty__text{margin:0 0 var(--space-6);font-size:var(--font-size-md);color:var(--color-text-secondary)}.pl-guide{max-width:var(--container-xl);margin-inline:auto;padding:var(--space-10) var(--space-4);background-color:var(--color-bg);border-top:var(--space-px) solid var(--color-border)}.pl-guide__title{margin:0 0 var(--space-6);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center}.pl-guide__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.pl-guide__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;background-color:var(--color-bg-secondary);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-150) var(--easing-in-out),color var(--duration-150) var(--easing-in-out),background-color var(--duration-150) var(--easing-in-out)}.pl-guide__link:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.pl-guide__icon{width:var(--icon-sm);height:var(--icon-sm)}@media (min-width:768px){.pl-page-header{padding:var(--space-12) var(--space-6)}.pl-page-header__title{font-size:var(--font-size-3xl)}.pl-layout{grid-template-columns:1fr 280px;gap:var(--space-10);padding:var(--space-10) var(--space-6)}.pl-layout--full{display:block;padding:var(--space-10) var(--space-6)}.pl-grid--3col{grid-template-columns:repeat(2,1fr)}.pl-grid--4col{grid-template-columns:repeat(2,1fr)}.pl-case-grid{grid-template-columns:repeat(2,1fr)}.pl-faq__category{padding:var(--space-8) var(--space-6)}.pl-filter{padding:var(--space-5) var(--space-6)}.pl-guide{padding:var(--space-12) var(--space-6)}}@media (min-width:1024px){.pl-page-header{padding:var(--space-14) var(--space-8)}.pl-page-header__title{font-size:var(--font-size-4xl)}.pl-layout{grid-template-columns:1fr 320px;gap:var(--space-12);padding:var(--space-12) var(--space-8)}.pl-layout--full{padding:var(--space-12) var(--space-8)}.pl-grid--3col{grid-template-columns:repeat(3,1fr)}.pl-grid--4col{grid-template-columns:repeat(4,1fr)}.pl-case-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.pl-faq__category{padding:var(--space-10) var(--space-8)}.pl-filter{padding:var(--space-6) var(--space-8);gap:var(--space-3)}.pl-guide{padding:var(--space-14) var(--space-8)}.pl-guide__nav{gap:var(--space-6)}}.pl-faq{display:flex;flex-direction:column;gap:.75rem}.pl-faq__item{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,.75rem);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.pl-faq__item:hover{border-color:var(--color-primary,#3b82f6)}.pl-faq__item.is-open{border-color:var(--color-primary,#3b82f6);box-shadow:0 4px 12px rgba(59,130,246,.1)}.pl-faq__question{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;background:0 0;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease}.pl-faq__question:hover{background:var(--color-bg-hover,#f9fafb)}.pl-faq__question:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:-2px}.pl-faq__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--color-primary-light,#eff6ff);border-radius:var(--radius-full,50%);color:var(--color-primary,#3b82f6)}.pl-faq__title{flex:1;font-size:1rem;font-weight:500;color:var(--color-text-primary,#1f2937);line-height:1.5}.pl-faq__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--color-text-tertiary,#9ca3af);transition:transform .3s ease,color .2s ease}.pl-faq__item.is-open .pl-faq__arrow{transform:rotate(180deg);color:var(--color-primary,#3b82f6)}.pl-faq__answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.pl-faq__item.is-open .pl-faq__answer{grid-template-rows:1fr}.pl-faq__answer>*{overflow:hidden}.pl-faq__content{padding:0 1.25rem 0 3.75rem}.pl-faq__item.is-open .pl-faq__content{padding-bottom:.5rem}.pl-faq__content p{margin:0;font-size:.9375rem;color:var(--color-text-secondary,#4b5563);line-height:1.7}.pl-faq__more{display:inline-flex;align-items:center;gap:.25rem;padding:0 1.25rem 1rem 3.75rem;font-size:.875rem;font-weight:500;color:var(--color-primary,#3b82f6);text-decoration:none;transition:color .2s ease;opacity:0;transform:translateY(-.5rem);transition:opacity .3s ease .1s,transform .3s ease .1s}.pl-faq__item.is-open .pl-faq__more{opacity:1;transform:translateY(0)}.pl-faq__more:hover{color:var(--color-primary-dark,#2563eb);text-decoration:underline}.pl-faq__more svg{transition:transform .2s ease}.pl-faq__more:hover svg{transform:translateX(.25rem)}@media (max-width:768px){.pl-faq__question{padding:.875rem 1rem;gap:.625rem}.pl-faq__icon{width:1.75rem;height:1.75rem}.pl-faq__title{font-size:.9375rem}.pl-faq__content,.pl-faq__more{padding-left:3.25rem;padding-right:1rem}.pl-faq__content p{font-size:.875rem}}@media (prefers-color-scheme:dark){.pl-faq__item{background:var(--color-bg-elevated-dark,#1f2937);border-color:var(--color-border-dark,#374151)}.pl-faq__item.is-open,.pl-faq__item:hover{border-color:var(--color-primary,#3b82f6)}.pl-faq__question:hover{background:var(--color-bg-hover-dark,#374151)}.pl-faq__icon{background:rgba(59,130,246,.15)}.pl-faq__title{color:var(--color-text-primary-dark,#f9fafb)}.pl-faq__content p{color:var(--color-text-secondary-dark,#d1d5db)}}
/* =====================================================================
   E-COMMERCE THEME OVERRIDE (List pages)
   Version: 2026-01-20
   ===================================================================== */

/* Page header -> marketplace banner */
.pl-page-header{
  background:
    radial-gradient(900px 300px at 20% 0%, rgba(255,176,32,.20) 0%, rgba(255,77,79,.18) 45%, rgba(255,46,47,0) 100%),
    linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,0) 100%);
  border:1px solid rgba(255,77,79,.10);
  border-radius:var(--radius-2xl);
  box-shadow:0 10px 22px rgba(0,0,0,.05);
}

/* Filter chips -> category pills */
.pl-sortnav__item,
.pl-filter__item{
  border:1px solid rgba(255,77,79,.14);
  background:rgba(255,255,255,.92);
}
.pl-sortnav__item:hover,
.pl-filter__item:hover{
  border-color:rgba(255,77,79,.28);
  transform:translateY(-1px);
}
.pl-sortnav__item.is-active,
.pl-filter__item.is-active{
  background:var(--color-primary);
  border-color:var(--color-primary);
  color:var(--color-text-inverse);
}

/* Cards -> more product-centric */
.pl-card{
  background:rgba(255,255,255,.94);
}
.pl-card__img{
  background:
    linear-gradient(135deg, rgba(255,77,79,.10) 0%, rgba(255,255,255,0) 60%),
    var(--color-bg-secondary);
}
.pl-card__btn{border-radius:12px}
.pl-card--product .pl-card__btn{
  width:100%;
  justify-content:center;
}

/* Sidebar -> cardified */
.pl-sidebar__box,
.pl-sidebar__card,
.pl-related,
.pl-recommend{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.10);
  border-radius:var(--radius-2xl);
  box-shadow:0 10px 22px rgba(0,0,0,.05);
}

/* Sticky sidebar for desktop */
@media (min-width:1024px){
  .pl-layout__side{
    position:sticky;
    top:calc(72px + var(--space-4));
    align-self:start;
  }
}

/* Pagination -> ecommerce buttons */
.pl-page a,
.pl-page span{
  border-radius:9999px;
}