
  .page-head + .ksec{padding-top:clamp(34px,5vw,54px)}
  .packs{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
  .pack{
    border-radius:var(--r-lg);background:var(--room);border:1px solid rgba(255,220,180,.08);
    box-shadow:inset 0 1px 0 rgba(255,220,180,.05),var(--sh-2);padding:20px 22px 22px;
    scroll-margin-top:90px;
  }
  .pk-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
  .pk-top h2{margin:0;font-size:22px;font-weight:900;color:var(--cream);letter-spacing:-.01em;line-height:1.2}
  .pk-price{
    display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;
    font-weight:900;font-size:20px;color:var(--amber);font-variant-numeric:tabular-nums;
    background:rgba(255,180,84,.1);border-radius:99px;padding:5px 14px 6px;
  }
  .pk-price small{font-size:13px;font-weight:700;color:var(--warm)}
  .pk-price.free{font-size:16px;color:var(--pine);background:rgba(116,169,138,.12)}

  .pk-shots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
  .shot{
    all:unset;box-sizing:border-box;cursor:zoom-in;display:flex;flex-direction:column;gap:8px;min-width:0;
    transition:transform var(--t-mid) var(--ease);
  }
  .shot img{
    display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-sm);
    background:var(--room-2);box-shadow:inset 0 0 0 1px rgba(255,220,180,.06),var(--sh-1);
    transition:box-shadow var(--t-mid) var(--ease);
  }
  .shot span{font-size:14px;font-weight:700;color:var(--warm);text-align:center;transition:color var(--t-fast) ease}
  .shot:hover{transform:translateY(-3px)}
  .shot:hover img{box-shadow:inset 0 0 0 1px rgba(255,180,84,.35),var(--sh-2)}
  .shot:hover span{color:var(--cream)}
  .shot:active{transform:scale(.97)}
  .shot:focus-visible img{outline:2px solid var(--amber);outline-offset:3px}

  .knote{margin-top:32px;text-align:center;color:var(--warm);font-size:15px;text-wrap:balance}
  .knote .i{display:inline-block;vertical-align:-4px;margin-right:8px;font-size:19px;color:var(--amber)}
  .knote code{background:rgba(255,180,84,.12);color:var(--amber-soft);padding:2px 8px;border-radius:7px;font-family:var(--f);font-weight:700}

  @media (max-width:1080px){
    .pk-shots{
      display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;
      margin-inline:-22px;padding:4px 22px 8px;scroll-padding-inline:22px;scrollbar-width:none;
    }
    .pk-shots::-webkit-scrollbar{display:none}
    .shot{flex:0 0 clamp(200px,38vw,300px);scroll-snap-align:start}
  }
  @media (max-width:560px){
    .pack{padding:16px 16px 16px}
    .pk-shots{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}
    .shot{flex-basis:72vw}
    .pk-top h2{font-size:19px}
    .pk-price{font-size:17px;padding:4px 12px 5px}
  }

  .lb{
    border:0;padding:0;margin:auto;background:none;max-width:none;max-height:none;overflow:visible;
    width:min(1200px,calc(100vw - 140px),calc((100vh - 130px) * 1.5));
  }
  .lb::backdrop{background:rgba(14,9,6,.9)}
  .lb figure{margin:0}
  .lb img{display:block;width:100%;height:auto;aspect-ratio:3/2;
    border-radius:var(--r);box-shadow:var(--sh-3);background:var(--room)}
  .lb figcaption{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:6px 14px;
    margin-top:16px;color:var(--warm);font-size:16px}
  .lb figcaption b{color:var(--cream);font-weight:900;font-size:19px}
  .lb figcaption em{font-style:normal;font-weight:800;color:var(--amber)}
  .lb-btn{
    position:fixed;top:50%;translate:0 -50%;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;
    display:grid;place-items:center;font-size:22px;color:var(--cream);background:rgba(46,33,26,.92);
    box-shadow:inset 0 1px 0 rgba(255,220,180,.08),var(--sh-1);
    transition:background var(--t-fast) ease,transform var(--t-mid) var(--ease);
  }
  .lb-btn:hover{background:var(--room-3);transform:translateY(-2px)}
  .lb-btn:active{transform:scale(.94)}
  .lb-prev{left:18px} .lb-next{right:18px}
  .lb-x{top:18px;right:18px;translate:none;font-size:26px}
  @media (max-width:700px){
    .lb{width:calc(100vw - 24px)}
    .lb-btn{top:auto;bottom:calc(18px + env(safe-area-inset-bottom,0px));translate:none}
    .lb-prev{left:calc(50% - 60px)} .lb-next{right:calc(50% - 60px)}
    .lb-x{top:calc(14px + env(safe-area-inset-top,0px));bottom:auto}
  }
