/* 特色款・拍立得：軟木牆底、拍立得照片（白框、下緣寬）歪歪貼著、圖釘、手寫感的便條紙。 */
.s-polaroid { --bg: #f4ede1; --bg2: #e8dcc6; --fg: #2b2620; --muted: #6f6556; --line: #d6c8b0; --accent: #d1495b; --on-accent: #fff; --card: #fffdf7;
  --radius: 2px; --radius-btn: 999px; --font-head: var(--serif); --h1: clamp(2rem, 6vw, 3.6rem); }
.hero-pola { background: radial-gradient(rgba(120, 80, 40, .12) 1px, transparent 1.5px) 0 0 / 9px 9px, #c99f6e; padding-block: clamp(36px, 6vw, 80px); }
.pola-hero { display: grid; gap: 40px; align-items: center; }
@media (min-width: 900px) { .pola-hero { grid-template-columns: 1.1fr .9fr; } }
.pola-pile { position: relative; min-height: clamp(300px, 52vw, 460px); }
.pola { position: absolute; margin: 0; width: clamp(190px, 38vw, 300px); background: #fff; padding: 12px 12px 0; box-shadow: 0 12px 24px rgba(50, 30, 10, .35); }
.pola img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.pola figcaption { font: 600 .95rem/2.6 var(--serif); text-align: center; color: #555; min-height: 2.6em; }
.pola-h1 { left: 4%; top: 6%; transform: rotate(-7deg); z-index: 1; }
.pola-h2 { left: 30%; top: 0; transform: rotate(4deg); z-index: 2; }
.pola-h3 { left: 16%; top: 22%; transform: rotate(-2deg); z-index: 3; }
.pola::before { content: ""; position: absolute; top: -8px; left: 50%; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #ff8a8a, #c0392b); box-shadow: 0 2px 3px rgba(0, 0, 0, .35); z-index: 2; }
.pola-note { background: #fff8c6; padding: clamp(24px, 4vw, 40px); transform: rotate(1.5deg); box-shadow: 0 10px 20px rgba(50, 30, 10, .25);
  background-image: repeating-linear-gradient(transparent 0 31px, rgba(0, 120, 200, .15) 31px 32px); }
.pola-note h1 { transform: rotate(-1deg); }
.s-polaroid .hero-en { color: var(--accent); letter-spacing: .3em; }
.s-polaroid .hero-lede { color: #4a4236; }
/* 作品：一排排拍立得 */
.photos-pola .pics { grid-template-columns: repeat(auto-fill, minmax(min(220px, 70%), 1fr)); gap: 34px 24px; justify-items: center; }
.photos-pola .pic { background: #fff; padding: 12px 12px 0; border-radius: 0; overflow: visible; box-shadow: 0 10px 20px rgba(50, 30, 10, .22); position: relative; transition: transform .3s; }
.photos-pola .pic:nth-child(3n+1) { transform: rotate(-4deg); }
.photos-pola .pic:nth-child(3n+2) { transform: rotate(3deg); }
.photos-pola .pic:nth-child(3n) { transform: rotate(-1.5deg); }
.photos-pola .pic:hover { transform: rotate(0) scale(1.04); z-index: 2; }
.photos-pola .pic:hover img { transform: none; }
.photos-pola .pic::before { content: ""; position: absolute; top: -8px; left: 50%; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #8ad0ff, #1f6fb2); box-shadow: 0 2px 3px rgba(0, 0, 0, .35); }
.photos-pola .pic figcaption { text-align: center; font-family: var(--serif); padding: 10px 4px 14px; }
.s-polaroid .sec-photos { background: radial-gradient(rgba(120, 80, 40, .1) 1px, transparent 1.5px) 0 0 / 9px 9px, #d8b88e; }
.s-polaroid .sec-h { text-align: center; }
.s-polaroid .sec-h span { background: #fff8c6; padding: 6px 22px; display: inline-block; transform: rotate(-1.5deg); box-shadow: 0 4px 10px rgba(50, 30, 10, .15); }
.s-polaroid .menu { margin-inline: auto; }
.s-polaroid .price { color: var(--accent); }
.s-polaroid .person, .s-polaroid .card { border: 0; box-shadow: 0 6px 14px rgba(50, 30, 10, .15); }
.s-polaroid .day i { background: #fff; border-radius: 999px; }
.s-polaroid .foot { background: #2b2620; color: #c9bda9; border: 0; }
.s-polaroid .foot-name { color: #fff8c6; }