/* ===== XMAS GIFT SELECTION 2026 - Global Reset & Base ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Hiragino Mincho ProN','游明朝',YuMincho,'HG明朝E',serif;background:#F4F0EC;color:#1A1A2E}

/* ===== WRAPPER ===== */
.xmas-wrap{max-width:1080px;margin:0 auto;background:#fff;overflow:hidden}
.xmas-wrap *{font-size:initial}

/* ===== SECTION IMAGES ===== */
.sec-img{display:block;width:100%;height:auto;line-height:0;font-size:0}
.sec-img img{display:block;width:100%;height:auto}

/* ===== SECTION 2: LINEUP CARDS ===== */
.sec-lineup{background:#0D1B3E;padding:56px 32px;text-align:center}
.sec-lineup .lineup-heading{color:#C9A84C;font-size:13px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:8px;font-family:'Hiragino Kaku Gothic ProN','游ゴシック',sans-serif}
.sec-lineup .lineup-title{color:#F8F4EF;font-size:26px;letter-spacing:.08em;margin-bottom:48px;font-weight:400}
.lineup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto}
.lineup-card{background:linear-gradient(160deg,#1A2A50 0%,#0D1B3E 100%);border:1px solid rgba(201,168,76,.35);border-radius:4px;padding:32px 24px 28px;text-align:left;position:relative;transition:transform .25s ease,box-shadow .25s ease}
.lineup-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.45)}
.card-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#C9A84C,#E8D08A,#C9A84C);color:#0D1B3E;font-size:11px;font-weight:700;letter-spacing:.12em;padding:4px 16px;border-radius:2px;white-space:nowrap;font-family:'Hiragino Kaku Gothic ProN',sans-serif}
.card-name{color:#C9A84C;font-size:11px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:6px;font-family:'Hiragino Kaku Gothic ProN',sans-serif}
.card-title{color:#F8F4EF;font-size:17px;line-height:1.55;margin-bottom:4px;font-weight:400}
.card-subtitle{color:rgba(248,244,239,.55);font-size:12px;margin-bottom:20px;font-family:'Hiragino Kaku Gothic ProN',sans-serif;line-height:1.6}
.card-contents{margin-bottom:20px;padding:14px 16px;background:rgba(201,168,76,.07);border-left:2px solid rgba(201,168,76,.4)}
.card-contents p{color:rgba(248,244,239,.7);font-size:11px;line-height:1.8;font-family:'Hiragino Kaku Gothic ProN',sans-serif}
.card-price-area{margin-bottom:22px}
.card-price{color:#C9A84C;font-size:28px;font-weight:300;letter-spacing:.03em;line-height:1}
.card-price span.unit{font-size:13px;letter-spacing:.05em}
.card-price-note{color:rgba(248,244,239,.45);font-size:11px;margin-top:4px;font-family:'Hiragino Kaku Gothic ProN',sans-serif}
.lineup-cta{display:block;text-align:center;background:linear-gradient(135deg,#9B2335 0%,#C9A84C 50%,#9B2335 100%);background-size:200% 100%;color:#F8F4EF;font-size:14px;letter-spacing:.18em;padding:14px 24px;text-decoration:none;border-radius:2px;font-family:'Hiragino Kaku Gothic ProN',sans-serif;font-weight:600;box-shadow:0 4px 18px rgba(155,35,53,.4),inset 0 1px 0 rgba(255,255,255,.15);transition:background-position .4s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.lineup-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translateX(-100%);transition:transform .5s ease}
.lineup-cta:hover{background-position:100% 0;box-shadow:0 6px 24px rgba(155,35,53,.55)}
.lineup-cta:hover::before{transform:translateX(100%)}

/* ===== SECTION 4: REVIEWS ===== */
.sec-reviews{background:#F8F4EF;padding:64px 32px}
.sec-heading{text-align:center;margin-bottom:48px}
.sec-heading .en{color:#C9A84C;font-size:11px;letter-spacing:.35em;text-transform:uppercase;display:block;margin-bottom:8px;font-family:'Hiragino Kaku Gothic ProN',sans-serif}
.sec-heading .ja{color:#0D1B3E;font-size:22px;font-weight:400;letter-spacing:.1em}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto}
.review-card{background:#fff;border:1px solid rgba(201,168,76,.2);border-radius:4px;padding:24px 20px;box-shadow:0 2px 12px rgba(13,27,62,.06)}
.review-stars{color:#C9A84C;font-size:16px;letter-spacing:2px;margin-bottom:10px}
.review-text{color:#333;font-size:13px;line-height:1.85;margin-bottom:14px;font-family:'Hiragino Kaku Gothic ProN',sans-serif}
.review-author{color:#9B8B6E;font-size:11px;font-family:'Hiragino Kaku Gothic ProN',sans-serif;border-top:1px solid rgba(201,168,76,.15);padding-top:10px}
.review-product{color:#C9A84C;font-size:10px;margin-top:4px;font-family:'Hiragino Kaku Gothic ProN',sans-serif;letter-spacing:.05em}

/* ===== SECTION 5: FAQ ===== */
.sec-faq{background:#0D1B3E;padding:64px 32px}
.sec-faq .sec-heading .en{color:#C9A84C}
.sec-faq .sec-heading .ja{color:#F8F4EF}
.faq-list{max-width:780px;margin:0 auto;list-style:none}
.faq-item{border-bottom:1px solid rgba(201,168,76,.2)}
.faq-item:first-child{border-top:1px solid rgba(201,168,76,.2)}
.faq-btn{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;padding:20px 4px;text-align:left;color:#F8F4EF;font-size:14px;letter-spacing:.06em;font-family:'Hiragino Kaku Gothic ProN',sans-serif;line-height:1.6;gap:16px;transition:color .2s}
.faq-btn:hover{color:#C9A84C}
.faq-icon{flex-shrink:0;width:24px;height:24px;border:1px solid rgba(201,168,76,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#C9A84C;font-size:16px;font-weight:300;line-height:1;transition:transform .35s ease}
.faq-btn[aria-expanded="true"] .faq-icon{transform:rotate(45deg)}
.faq-answer{overflow:hidden;max-height:0;transition:max-height .38s ease}
.faq-answer-inner{padding:4px 4px 22px;color:rgba(248,244,239,.7);font-size:13px;line-height:1.9;font-family:'Hiragino Kaku Gothic ProN',sans-serif}

/* ===== SECTION 7: PRODUCT SELECTION ===== */
#product-selection{background:#F8F4EF;padding:56px 32px 72px;text-align:center}
.product-selection-heading{color:#0D1B3E;font-size:22px;letter-spacing:.12em;margin-bottom:8px;font-weight:400}
.product-selection-sub{color:#9B8B6E;font-size:12px;letter-spacing:.1em;font-family:'Hiragino Kaku Gothic ProN',sans-serif;margin-bottom:40px}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  .lineup-grid{grid-template-columns:1fr}
  .reviews-grid{grid-template-columns:1fr}
  .sec-lineup{padding:40px 20px}
  .sec-reviews,.sec-faq{padding:48px 20px}
  #product-selection{padding:40px 20px 56px}
  .lineup-title{font-size:20px}
  .card-title{font-size:15px}
  .sec-heading .ja{font-size:18px}
}