*{margin:0;padding:0;box-sizing:border-box}:root{--color-white: #ffffff;--color-gray-light: #eeeeee;--color-grey-dark: #abb8c3;--color-dark: #000000;--color-orange: #f34627}body{font-family:Inter,sans-serif;background-color:var(--color-gray-light);color:var(--color-black);line-height:1.6}a{color:var(--color-teal);text-decoration:none;transition:.3s}a:hover{color:var(--color-accent)}#app{min-height:100vh}.site-header[data-v-708fcf2c]{width:100%;display:grid;place-items:center}.nav-bar[data-v-708fcf2c]{width:100%;padding:1.2rem 1.8rem;background:var(--color-white);border-bottom:1px solid #e5e5e5;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.logo[data-v-708fcf2c]{height:55px;width:auto;object-fit:contain}.burger[data-v-708fcf2c]{font-size:2rem;background:none;border:none;cursor:pointer}.nav-links[data-v-708fcf2c]{display:none;grid-auto-rows:auto;gap:1rem;margin-top:1rem}.nav-links.open[data-v-708fcf2c]{display:grid}.nav-links a[data-v-708fcf2c]{display:block;background:transparent;color:#000;padding:.6rem 1rem;border-radius:6px;transition:.2s ease;border:1px solid transparent}.nav-links a[data-v-708fcf2c]:hover{color:var(--color-orange);border-color:var(--color-orange)}.active-link[data-v-708fcf2c]{background:var(--color-orange);color:var(--color-orange)!important;border-color:var(--color-orange)}@media (min-width: 768px){.burger[data-v-708fcf2c]{display:none}.nav-links[data-v-708fcf2c]{display:grid;grid-auto-flow:column;gap:2rem;margin:0;justify-self:end}}.site-footer[data-v-708fcf2c]{background:var(--color-dark);color:var(--color-white);padding:4rem 2rem;margin-top:4rem}.footer-grid[data-v-708fcf2c]{display:grid;gap:2rem}h4[data-v-708fcf2c],h3[data-v-708fcf2c]{margin-bottom:.6rem}.footer-grid a[data-v-708fcf2c]{display:block;margin-bottom:.4rem;color:var(--color-white);opacity:.7}.footer-grid a[data-v-708fcf2c]:hover{opacity:1}.copy[data-v-708fcf2c]{margin-top:2.5rem;text-align:center;font-size:.85rem;opacity:.7}.page-enter-active[data-v-708fcf2c],.page-leave-active[data-v-708fcf2c]{transition:opacity .35s ease,transform .35s ease}.page-enter-from[data-v-708fcf2c]{opacity:0;transform:translateY(12px)}.page-leave-to[data-v-708fcf2c]{opacity:0;transform:translateY(-12px)}@media (min-width: 768px){.footer-grid[data-v-708fcf2c]{grid-template-columns:repeat(3,1fr)}}[data-v-7c9758e5] .wp-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.8rem,2vw,1.2rem)}[data-v-7c9758e5] .wp-info-grid p{background:var(--color-white);border:1px solid var(--color-gray-light);padding:clamp(.9rem,2vw,1.2rem);border-radius:.8rem;transition:transform .25s ease,box-shadow .25s ease}[data-v-7c9758e5] .wp-info-grid p:hover{transform:translateY(-3px);box-shadow:0 5px 10px #00000014}[data-v-7c9758e5] .wp-info-grid h2{background:var(--color-white);border:1px solid var(--color-gray-light);border-bottom:none;padding:clamp(.9rem,2vw,1.2rem);border-radius:.8rem .8rem 0 0;margin:0;font-size:1.05rem;font-weight:700}[data-v-7c9758e5] .wp-info-grid h2+p{border-radius:0 0 .8rem .8rem;margin-bottom:clamp(.8rem,2vw,1.2rem)}@media (max-width: 760px){[data-v-7c9758e5] .wp-info-grid{grid-template-columns:1fr}}.categories-article[data-v-a798a0b5]{display:grid;gap:clamp(1rem,3vw,2rem);padding:clamp(1rem,3vw,2rem);background:var(--color-bg-light)}.categories-header[data-v-a798a0b5]{display:grid;gap:.5rem;text-align:center}.categories-header h2[data-v-a798a0b5]{font-size:clamp(1.6rem,3.5vw,2.2rem);margin:0;font-weight:700;color:var(--color-dark)}.categories-header p[data-v-a798a0b5]{font-size:clamp(1rem,2vw,1.15rem);color:var(--color-gray-dark);margin:0}.categories-grid[data-v-a798a0b5]{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.5rem);padding-top:.5rem}.category-card[data-v-a798a0b5]{display:grid;gap:.75rem;background:var(--color-white);padding:clamp(1rem,2vw,1.5rem);border-radius:1rem;border:1px solid var(--color-gray-light);text-decoration:none;color:var(--color-dark);transition:background .2s ease,border-color .2s ease}.category-card[data-v-a798a0b5]:hover{background:#ff880014;border-color:var(--color-orange)}.placeholder-icon[data-v-a798a0b5]{width:clamp(45px,4vw,60px);height:clamp(45px,4vw,60px);background:var(--color-gray-light);border-radius:.5rem}.cat-label[data-v-a798a0b5]{font-weight:600;font-size:clamp(1rem,2vw,1.1rem);color:var(--color-dark);margin:0}@media (max-width: 850px){.categories-grid[data-v-a798a0b5]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.categories-grid[data-v-a798a0b5]{grid-template-columns:1fr}}[data-v-f152a378]{min-width:0;box-sizing:border-box}.homepage-article[data-v-f152a378]{display:grid;gap:clamp(2rem,4vw,3rem);padding:clamp(1rem,3vw,2rem);max-width:100%}.intro-section[data-v-f152a378]{display:grid;place-items:center;gap:clamp(1.5rem,3vw,2rem);max-width:100%}.intro-text[data-v-f152a378]{display:grid;place-items:center;gap:clamp(1rem,2vw,1.5rem);width:100%;max-width:100%}.intro-text h1[data-v-f152a378]{font-size:clamp(1.8rem,5vw,2.6rem);margin:0;font-weight:700;color:var(--color-dark)}.wp-content[data-v-f152a378]{width:100%;max-width:100%;display:grid;gap:clamp(1rem,2vw,1.5rem);place-items:center}.wp-content[data-v-f152a378] *{max-width:100%}.wp-content img[data-v-f152a378]{width:100%;height:auto;border-radius:.9rem;display:block;transition:transform .25s ease}.wp-content img[data-v-f152a378]:hover{transform:scale(1.02)}.quick-links-wrap[data-v-f152a378]{display:grid;place-items:center;gap:clamp(1rem,2vw,1.5rem);width:100%}.quick-links[data-v-f152a378]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,3vw,1.6rem);width:100%;max-width:900px}.quick-btn[data-v-f152a378]{display:grid;place-items:center;background:var(--color-orange);color:var(--color-white);padding:clamp(1.1rem,2.2vw,1.4rem);border-radius:.9rem;font-weight:800;font-size:clamp(1rem,2.4vw,1.15rem);width:100%;text-decoration:none;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease}.quick-btn[data-v-f152a378]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000002e}.info-section[data-v-f152a378]{display:grid;gap:1rem;text-align:center;margin-top:clamp(2rem,4vw,3rem)}.info-grid[data-v-f152a378]{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.8rem,2vw,1.2rem)}.info-grid p[data-v-f152a378]{background:var(--color-white);border:1px solid var(--color-gray-light);padding:clamp(.9rem,2vw,1.2rem);border-radius:.8rem;width:100%;transition:transform .25s ease,box-shadow .25s ease}.info-grid p[data-v-f152a378]:hover{transform:translateY(-3px);box-shadow:0 5px 10px #00000014}.info-grid strong[data-v-f152a378]{display:block;margin-bottom:.4rem}.category-section[data-v-f152a378]{display:grid;gap:.8rem;text-align:center;margin-top:clamp(2rem,4vw,3rem)}.category-grid[data-v-f152a378]{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,2vw,1.2rem)}.category-card[data-v-f152a378]{display:grid;gap:.7rem;padding:clamp(1rem,2vw,1.2rem);border-radius:.8rem;border:1px solid var(--color-gray-light);background:var(--color-white);transition:transform .25s ease,box-shadow .25s ease}.category-card[data-v-f152a378]:hover{transform:translateY(-4px);box-shadow:0 8px 15px #0000001f}.category-box[data-v-f152a378]{display:grid;gap:.7rem;text-decoration:none;color:inherit}.category-img[data-v-f152a378]{width:100%;height:clamp(90px,20vw,120px);background:var(--color-gray-light);border-radius:.5rem;transition:transform .25s ease}.category-img[data-v-f152a378]{width:100%;height:clamp(90px,20vw,120px);border-radius:.5rem;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .25s ease,filter .25s ease;filter:saturate(.95) contrast(.95)}.category-card:hover .category-img[data-v-f152a378]{transform:scale(1.05);filter:saturate(1.05) contrast(1.05)}.category-img.screen[data-v-f152a378]{background-image:url(/web5/client-project/assets/screen_protector-BYo-qbSz.jpg)}.category-img.case[data-v-f152a378]{background-image:url(/web5/client-project/assets/phone_cover-DhAQks3-.jpeg)}.category-img.charger[data-v-f152a378]{background-image:url(/web5/client-project/assets/charger-BdNa38Ym.jpg)}.category-img.adapter[data-v-f152a378]{background-image:url(/web5/client-project/assets/power_adapter-KdX3aTYs.jpg)}.category-img.airpods[data-v-f152a378]{background-image:url(/web5/client-project/assets/airpod-B78A8i-w.jpg)}.category-img.wireless[data-v-f152a378]{background-image:url(/web5/client-project/assets/charging_pad-CGeXCt0Y.jpg)}.category-card:hover .category-img[data-v-f152a378]{transform:scale(1.03)}.cta-section[data-v-f152a378]{display:grid;place-items:center}.cta-btn[data-v-f152a378]{background:var(--color-orange);color:#fff;border:none;padding:clamp(1rem,2.4vw,1.3rem) clamp(1.5rem,4vw,2rem);border-radius:.9rem;font-weight:800;font-size:clamp(1rem,2.2vw,1.2rem);width:min(520px,100%);transition:transform .25s ease,box-shadow .25s ease}.cta-btn[data-v-f152a378]:hover{transform:translateY(-4px);box-shadow:0 8px 15px #00000026;color:#fff;border:none;padding:clamp(1rem,2.4vw,1.3rem) clamp(1.5rem,4vw,2rem);border-radius:.9rem;font-weight:800;font-size:clamp(1rem,2.2vw,1.2rem);width:min(520px,100%);transition:transform .25s ease,box-shadow .25s ease}.cta-btn[data-v-f152a378]:hover{transform:translateY(-4px);box-shadow:0 8px 15px #00000026}@media (max-width: 760px){.info-grid[data-v-f152a378]{grid-template-columns:1fr}.category-grid[data-v-f152a378]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.category-grid[data-v-f152a378]{grid-template-columns:1fr}.quick-links[data-v-f152a378]{grid-template-columns:1fr;max-width:100%}}
