/* ============================================================
   펫츠오앤피 — 첫 화면 공지 팝업 (notice.js 가 만든다)
   2026-11-03 실로바이오닉 notice.css 를 옮겨 와 펫츠 색·글꼴(style.css 의 --blue · --ink · --paper · --amber · --kr · --en)로 바꿨다.
   관리 화면(/notice/admin/)의 미리 보기도 이 파일을 쓴다 — admin.css 가 같은 이름의 색을 :root 에 둔다.
   ============================================================ */
.pets-notice{--sn-ease:cubic-bezier(.22,.61,.36,1);position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px 16px;}
.pets-notice .sn-backdrop{position:absolute;inset:0;background:rgba(0,43,92,.55);opacity:0;transition:opacity .26s var(--sn-ease);}
.pets-notice .sn-card{
  position:relative;width:min(480px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);
  display:flex;flex-direction:column;background:var(--white,#fff);border:1px solid var(--line,#E0DBD0);border-radius:16px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,43,92,.30);outline:none;
  opacity:0;transform:translateY(14px);transition:opacity .26s var(--sn-ease),transform .26s var(--sn-ease);
}
/* 펫츠 style.css 의 section(위아래 64px) · footer(남색 면 · 56px) 규칙이 팝업 안 section · footer 에 걸리지 않게 되돌린다 */
.pets-notice .sn-card{padding:0;margin:0;}
.pets-notice .sn-foot{background:none;padding:0;margin:0;color:inherit;}
.pets-notice .sn-top{background:none;position:static;}
.pets-notice.is-in .sn-backdrop{opacity:1;}
.pets-notice.is-in .sn-card{opacity:1;transform:none;}

.sn-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 14px 22px;border-bottom:1px solid var(--line,#E0DBD0);}
.sn-eyebrow{font-family:var(--en,'Montserrat',sans-serif);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--blue,#00428C);}
.sn-x{width:34px;height:34px;display:grid;place-items:center;color:var(--mut,#556070);background:none;border:0;cursor:pointer;transition:color .2s;}
.sn-x:hover{color:var(--blue,#00428C);}

.sn-body{overflow-y:auto;-webkit-overflow-scrolling:touch;}
.sn-item + .sn-item{border-top:1px solid var(--line,#E0DBD0);}
.sn-img{display:block;width:100%;height:auto;}
.sn-img-link{display:block;}
.sn-text{padding:24px 26px 26px;}
.sn-title{margin:0;font-family:var(--kr,sans-serif);font-size:1.22rem;font-weight:700;letter-spacing:-.02em;line-height:1.45;color:var(--ink,#1B2430);}
.sn-text p{margin:12px 0 0;font-size:15px;line-height:1.85;color:var(--ink,#1B2430);}
.sn-title + p{margin-top:14px;}
.sn-text .sn-more{margin-top:20px;}
.sn-text .link-more{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--blue,#00428C);text-decoration:none;padding-bottom:4px;border-bottom:2px solid var(--amber,#FDBA27);}
.sn-text .link-more:hover{color:var(--blue-dk,#002B5C);}

/* 공휴일 휴무 안내 — 홈페이지 톤(종이색 면 · 노랑 줄 · 굵은 제목 · 영문 라벨)으로 저절로 그려진다 */
.sn-hol{position:relative;padding:30px 26px 24px;background:var(--paper,#F2EFE8);border-bottom:1px solid var(--line,#E0DBD0);text-align:center;overflow:hidden;}
.sn-hol::before{content:"";position:absolute;inset:10px;border:1px solid rgba(0,66,140,.18);border-radius:10px;pointer-events:none;}
.sn-hol-eyebrow{display:block;font-family:var(--en,'Montserrat',sans-serif);font-size:10.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--blue,#00428C);}
.sn-hol-title{margin:12px 0 0;font-family:var(--kr,sans-serif);font-weight:700;font-size:1.55rem;letter-spacing:-.02em;line-height:1.35;color:var(--blue-dk,#002B5C);}
.sn-hol-rule{display:block;width:40px;height:3px;margin:16px auto 12px;background:var(--amber,#FDBA27);border-radius:2px;}
.sn-hol-period{display:block;font-family:var(--en,'Montserrat',sans-serif);font-size:12.5px;font-weight:600;letter-spacing:.12em;color:var(--mut,#556070);font-variant-numeric:tabular-nums;}
.sn-item--holiday .sn-text{padding-top:22px;}
.sn-item--holiday .sn-text p:first-child{margin-top:0;}

.sn-foot{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line,#E0DBD0);}
.sn-foot button{padding:15px 12px;border:0;cursor:pointer;font-family:var(--kr,sans-serif);font-size:13.5px;letter-spacing:.02em;transition:background .2s,color .2s;}
.sn-today{background:var(--paper,#F2EFE8);color:var(--mut,#556070);}
.sn-today:hover{background:#E8E3D8;color:var(--ink,#1B2430);}
.sn-close{background:var(--blue,#00428C);color:var(--white,#fff);font-weight:700;}
.sn-close:hover{background:var(--blue-dk,#002B5C);}

@media (max-width:560px){
  .pets-notice{padding:16px;}
  .sn-text{padding:20px 20px 22px;}
  .sn-title{font-size:1.12rem;}
  .sn-hol{padding:26px 20px 20px;}
  .sn-hol-title{font-size:1.36rem;}
}
@media (prefers-reduced-motion:reduce){
  .pets-notice .sn-backdrop,.pets-notice .sn-card{transition:none;}
}