.pro-tips{padding:4rem 0;background:var(--surface)}.pro-tips-header{text-align:center;margin-bottom:2.5rem}.pro-tips-header h2{font-family:Shippori Mincho,"Noto Serif JP",serif;font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:500;letter-spacing:.02em;margin-bottom:.3rem}.pro-tips-header .pt-jp{display:block;font-family:Shippori Mincho,serif;font-size:13px;color:var(--gray-400);letter-spacing:.15em}.pro-tips-header .pt-line{display:block;width:40px;height:2px;background:var(--red);margin:.75rem auto 0}.pro-tips-intro{text-align:center;max-width:540px;margin:0 auto 2.5rem;font-size:13.5px;color:var(--gray-500);line-height:1.65}.pt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:1.25rem;margin-bottom:1.5rem;justify-content:center}.pt-grid>*{max-width:560px;width:100%;justify-self:center}.pt-card{background:var(--surface);border:1px solid var(--gray-100);border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s;margin:0}.pt-card:hover,.pt-card:focus-within{box-shadow:0 6px 24px var(--shadow-sm);transform:translateY(-2px)}.pt-card-visual{overflow:hidden;background:var(--gray-50);position:relative;margin:0}.pt-card-visual video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.pt-card-visual img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}@media(prefers-reduced-motion:reduce){.pt-card{transition:none}.pt-card:hover,.pt-card:focus-within{transform:none}}.pt-card-body{padding:1.25rem}.pt-card-body h3{font-size:14px;font-weight:700;margin-bottom:.35rem}.pt-card-body p{font-size:13px;color:var(--gray-500);line-height:1.6;margin:0}.pt-hidden{display:none}.pt-show-all .pt-hidden{display:block}.pt-expand{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:0 auto 2rem;padding:.6rem 1.5rem;background:var(--surface);border:1px solid var(--gray-200);border-radius:8px;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s,gap .2s}.pt-expand:hover{border-color:var(--gray-400);background:var(--gray-50);gap:.6rem}.pt-expand svg{width:16px;height:16px;fill:var(--gray-400);transition:transform .2s}.pt-expand:hover svg{fill:var(--text)}.pt-credit{text-align:center;font-size:11px;color:var(--gray-400);padding-top:1rem;border-top:1px solid var(--gray-100)}.pt-credit a{color:var(--red);font-weight:600;text-decoration:none;transition:opacity .15s}.pt-credit a:hover{opacity:.7}[data-theme=dark] .pro-tips{background:var(--gray-900)}[data-theme=dark] .pt-card{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .pt-card-visual{background:#ffffff0a}[data-theme=dark] .pt-expand{background:transparent;border-color:#ffffff26}[data-theme=dark] .pt-expand:hover{border-color:#ffffff4d;background:#ffffff0a}[data-theme=dark] .pt-credit{border-top-color:#ffffff14}@media(min-width:640px)and (max-width:900px){.pt-grid>*{max-width:100%}}@media(max-width:700px){.pt-grid{grid-template-columns:1fr}.pt-grid>*{max-width:100%}}@media(min-width:1800px){.pt-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.pt-grid>*{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-product-pro-tips.css.map */