.produk-page{min-height:100vh;display:flex;flex-direction:column;background:#fff;color:#0f172a}.produk-page__main{flex:1 1}.produk-hero{position:relative;isolation:isolate;padding:10rem 0 4rem;text-align:center;overflow:hidden;background:#000}.produk-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,20,89,.6),rgba(29,96,255,.25));z-index:-2}.produk-hero__glow{position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(17,214,255,.2),transparent 65%);filter:blur(60px);z-index:-1;pointer-events:none}.produk-hero__inner{position:relative;z-index:1}.produk-hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:700;font-family:Arial,Helvetica,sans-serif;letter-spacing:-.02em;margin:0 0 .75rem;color:#fff}.produk-hero__subtitle{font-size:clamp(.9rem,1.5vw,1.05rem);color:rgba(248,250,252,.7);max-width:540px;margin:0 auto}.produk-filters{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,23,42,.08)}.produk-filters__inner{padding-top:16px;padding-bottom:16px}.produk-filters__mobile-row{display:flex;align-items:center;gap:10px}.produk-filters__mobile-trigger{flex-shrink:0;width:44px;height:44px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:rgba(15,23,42,.04);color:#0f172a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.produk-filters__mobile-trigger:hover{background:rgba(15,23,42,.08)}.produk-filters__desktop-row{display:none;align-items:flex-end;gap:20px;flex-wrap:wrap}.produk-filters__search{display:flex;align-items:center;gap:10px;flex:1 1;min-width:200px;max-width:420px;padding:.6rem 1rem;border-radius:14px;background:#f8fafc;border:1px solid rgba(15,23,42,.12);transition:border-color .2s}.produk-filters__search:focus-within{border-color:rgba(59,130,246,.5)}.produk-filters__search input{flex:1 1;border:none;background:transparent;color:#0f172a;font-size:.9rem;outline:none}.produk-filters__search input::placeholder{color:#94a3b8}.produk-filters__search button,.produk-filters__search svg{flex-shrink:0;color:#94a3b8}.produk-filters__search button{background:none;border:none;cursor:pointer;padding:4px;display:inline-flex}.produk-filters__search--mobile{flex:1 1}.produk-filter__group{display:flex;flex-direction:column;gap:6px;min-width:150px}.produk-filter__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-weight:600}.produk-filter__input,.produk-filter__select{padding:.55rem .8rem;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:#f8fafc;color:#0f172a;font-size:.85rem;outline:none;transition:border-color .2s;-webkit-appearance:none}.produk-filter__input:focus,.produk-filter__select:focus{border-color:rgba(59,130,246,.5)}.produk-filter__select optgroup,.produk-filter__select option{background:#fff;color:#0f172a}.produk-filter__range-row{display:flex;align-items:center;gap:8px}.produk-filter__range-row .produk-filter__input{width:100px;flex:1 1}.produk-filter__range-sep{color:#94a3b8;font-size:.85rem}.produk-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:55}.produk-drawer{position:fixed;top:0;left:0;width:min(320px,85vw);height:100vh;background:#0f172a;color:#f8fafc;z-index:60;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s ease}.produk-drawer.is-open{transform:translateX(0)}.produk-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(248,250,252,.08)}.produk-drawer__header h3{font-size:1.1rem;font-weight:600;margin:0}.produk-drawer__close{width:36px;height:36px;border-radius:50%;border:1px solid rgba(248,250,252,.15);background:none;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.produk-drawer__body{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.produk-drawer__footer{padding:16px 24px;border-top:1px solid rgba(248,250,252,.08)}.produk-drawer__apply{width:100%;padding:.75rem;border-radius:12px;border:none;font-weight:600;font-size:.9rem;background:linear-gradient(135deg,#971c1c,#ff0b0b);color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s}.produk-drawer__apply:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(239,68,68,.3)}.produk-list-section{padding:2.5rem 0 4rem;background:#f8fafc}.produk-list__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:4rem 0;color:#64748b}.produk-list__spinner{width:24px;height:24px;border:3px solid rgba(15,23,42,.1);border-top-color:#3b82f6;border-radius:50%;animation:produk-spin .7s linear infinite}@keyframes produk-spin{to{transform:rotate(1turn)}}.produk-list__empty{text-align:center;padding:5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:12px}.produk-list__empty p{font-size:1.1rem;font-weight:600;color:#0f172a}.produk-list__empty span{font-size:.85rem;color:#94a3b8}.produk-card{display:grid;grid-template-columns:auto 1fr auto;grid-gap:1.5rem;gap:1.5rem;align-items:center;padding:1.5rem;margin-bottom:1rem;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.08);transition:background .2s,border-color .2s,box-shadow .2s}.produk-card:hover{background:#fff;border-color:rgba(15,23,42,.15);box-shadow:0 8px 32px rgba(15,23,42,.08)}.produk-card__image{width:140px;height:140px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#f1f5f9}.produk-card__img{width:100%;height:100%;object-fit:cover;display:block}.produk-card__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f1f5f9}.produk-card__info{display:flex;flex-direction:column;gap:8px;min-width:0}.produk-card__name{font-size:1.15rem;font-weight:600;margin:0;line-height:1.3}.produk-card__name a{color:#0f172a;text-decoration:none;transition:color .2s}.produk-card__name a:hover{color:#2563eb}.produk-card__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.produk-card__category{display:inline-block;padding:3px 12px;border-radius:999px;background:rgba(59,130,246,.1);color:#2563eb;font-size:.75rem;font-weight:600;letter-spacing:.02em}.produk-stars{display:inline-flex;align-items:center;gap:2px;color:#fbbf24}.produk-card__desc{margin:0;font-size:.85rem;color:#64748b;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.produk-card__action{gap:12px;flex-shrink:0;text-align:right}.produk-card__action,.produk-card__price{display:flex;flex-direction:column;align-items:flex-end}.produk-card__price{font-size:1.15rem;font-weight:700;color:#0f172a;gap:2px}.produk-card__price small{font-size:.7rem;font-weight:500;color:#94a3b8}.produk-card__cta{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.5rem;border-radius:999px;background:linear-gradient(135deg,#971c1c,#ff0b0b);color:#fff;font-weight:600;font-size:.85rem;text-decoration:none;transition:transform .2s,box-shadow .2s;white-space:nowrap}.produk-card__cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(239,68,68,.35);text-decoration:none;color:#fff}.produk-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2.5rem;flex-wrap:wrap}.produk-pagination__btn{min-width:40px;height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(15,23,42,.1);background:transparent;color:#0f172a;font-weight:500;font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s;display:inline-flex;align-items:center;justify-content:center}.produk-pagination__btn:hover:not(:disabled){background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.2)}.produk-pagination__btn.is-active{background:linear-gradient(135deg,#971c1c,#ff0b0b);border-color:transparent;color:#fff;font-weight:700}.produk-pagination__btn:disabled{opacity:.35;cursor:not-allowed}.produk-pagination__dots{color:#94a3b8;padding:0 4px}.produk-pagination__info{text-align:center;margin-top:1rem;font-size:.8rem;color:#94a3b8}@media (min-width:992px){.produk-filters__mobile-row{display:none}.produk-filters__desktop-row{display:flex}.produk-drawer,.produk-drawer-backdrop{display:none!important}}@media (max-width:991px){.produk-filters__desktop-row{display:none}.produk-filters__mobile-row{display:flex}.produk-card{grid-template-columns:120px 1fr;gap:1rem}.produk-card__action{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.produk-card__image{width:120px;height:120px}}@media (max-width:640px){.produk-hero{padding:8rem 0 2.5rem}.produk-card{grid-template-columns:90px 1fr;gap:.75rem;padding:1rem}.produk-card__image{width:90px;height:90px;border-radius:10px}.produk-card__name{font-size:.95rem}.produk-card__desc{font-size:.8rem;-webkit-line-clamp:2}.produk-card__action{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid rgba(15,23,42,.06)}.produk-card__price{font-size:.95rem;align-items:flex-start}.produk-card__cta{padding:.55rem 1.2rem;font-size:.8rem}.produk-pagination__btn{min-width:36px;height:36px;font-size:.8rem}.produk-pagination__btn--next,.produk-pagination__btn--prev{font-size:.75rem;padding:0 8px}}