✦ Verified product
Digitizing Project Super Saver
USD 150.00
Amount
PhotoLounge
Verified independent store
→
.pl-faq-wrap { --pl-maxw: 880px; --pl-radius: 12px; --pl-border: #e5e7eb; --pl-shadow: 0 1px 2px rgba(0,0,0,.06); --pl-text: #808080; --pl-muted: #808080; --pl-accent: #808080; --p
l-bg: #808080; } body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: #f9fafb; padding: 24px; color: var(--pl-text); } /* Shared widths */ .pl-faq-wrap .intro, .pl-faq-wrap h2, .pl-faq-wrap .items { max-width: var(--pl-maxw); margin-left: auto; margin-right: auto; } /* Intro block */ .intro h1 { margin: 0 0 .25rem 0; font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.25rem); line-height: 1.15; font-weight: 800; letter-spacing: .2px; } .price { font-weight: 700; margin: 0 0 .75rem 0; color: var(--pl-accent); font-size: 1.05rem; } .intro p { margin: 0 0 1rem 0; line-height: 1.7; color: var(--pl-muted); } /* FAQ heading */ h2 { margin: 1.25rem auto 0.75rem; font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem); line-height: 1.2; font-weight: 700; } /* Single column list */ .items { display: flex; flex-direction: column; gap: 1.25rem; } /* Each accordion item */ .item { border: 1px solid var(--pl-border); border-radius: var(--pl-radius); background: var(--pl-bg); box-shadow: var(--pl-shadow); overflow: hidden; } /* Hide radios without moving them (prevents scroll jump) */ .item > input.faq-radio { position: absolute; opacity: 0; width: 0; height: 0; appearance: none; pointer-events: none; } /* Clickable question */ .question { display: block; position: relative; padding: 18px 56px 18px 18px; font-size: 1.05rem; font-weight: 700; cursor: pointer; color: var(--pl-text); user-select: none; -webkit-tap-highlight-color: transparent; } .question:hover { background: #fdfdfd; } .question:focus-visible { outline: 2px solid color-mix(in oklab, var(--pl-accent), white 30%); outline-offset: 2px; border-radius: 8px; } /* Chevron */ .question::after { content: ""; position: absolute; right: 18px; top: 50%; width: 11px; height: 11px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-50%) rotate(45deg); transition: transform .25s ease; opacity: .9; } /* Answer panel */ .panel { border-top: 1px solid var(--pl-border); max-height: 0; opacity: 0; overflow: hidden; transition: max-height .3s ease, opacity .25s ease; background: var(--pl-bg); } .panel p { margin: 0; padding: 12px 18px 18px 18px; line-height: 1.65; color: var(--pl-muted); } /* Open state */ .item > input.faq-radio:checked ~ .question::after { transform: translateY(-50%) rotate(225deg); } .item > input.faq-radio:checked ~ .panel { max-height: 600px; opacity: 1; } @media (prefers-reduced-motion: reduce) { .panel, .question::after { transition: none !important; } } Do you know someone ready to start digitizing? Help them take the first step today with a gift card to a trusted lab. Perfect for any occasion or holiday - schedule it to arrive on their special day. For just $100, they'll get $150 worth of digitizing services good for digitizing photo albums, negatives, slides, and more. P.S. It's also good for yourself too! Digitizing Project Super Saver FAQs → Have questions about the Digitizing Project Super Saver? Our friendly team in Center City Philadelphia is here to help – stop by the lab, give us a call, or check our Digitizing Project Super Saver FAQs page for quick answers before you order!
Related
Related