/* Sub-pages shared styles */

/* Page Header */
.page-header{background:linear-gradient(135deg,#b01525 0%,#c1272d 50%,#d42d35 100%);color:#fff;padding:40px 0;position:relative}
.page-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c5a55a,#d4a843)}
.page-header__title{font-size:26px;font-weight:bold;letter-spacing:.04em}
.page-header__breadcrumb{font-size:12px;margin-top:10px;opacity:.85}
.page-header__breadcrumb a{color:#fff;text-decoration:underline;transition:opacity .2s}
.page-header__breadcrumb a:hover{opacity:.7}

/* Page Body */
.page-body{padding:45px 0 70px;min-height:60vh;background:#f5f5f5}
.page-body h2{font-size:21px;font-weight:bold;margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid #c1272d;color:#1a1a1a;letter-spacing:.02em}
.page-body h3{font-size:17px;font-weight:bold;margin:30px 0 14px;color:#c1272d}
.page-body p{margin-bottom:16px;line-height:1.85;color:#333}
.page-body ul.list{list-style:disc;padding-left:22px;margin-bottom:16px}
.page-body ul.list li{margin-bottom:8px;line-height:1.75;color:#444}

/* Page Card */
.page-card{background:#fff;border-radius:10px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,.05);margin-bottom:22px;transition:box-shadow .3s ease,transform .3s ease}
.page-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.1);transform:translateY(-2px)}

/* Page Grid */
.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}
.page-grid--2col{grid-template-columns:repeat(2,1fr)}
.page-grid--4col{grid-template-columns:repeat(4,1fr)}

/* Grid Items */
.page-grid-item{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.05);transition:box-shadow .3s ease,transform .3s ease;cursor:pointer}
.page-grid-item:hover{box-shadow:0 8px 28px rgba(0,0,0,.14);transform:translateY(-4px)}
.page-grid-item__img{aspect-ratio:16/10;overflow:hidden}
.page-grid-item__img .placeholder-img{transition:transform .4s ease}
.page-grid-item:hover .page-grid-item__img .placeholder-img{transform:scale(1.05)}
.page-grid-item__body{padding:16px}
.page-grid-item__title{font-size:15px;font-weight:bold;margin-bottom:6px;color:#1a1a1a}
.page-grid-item__text{font-size:13px;color:#666;line-height:1.7}

/* Page Form */
.page-form{max-width:500px;margin:0 auto}
.page-form .form-group{margin-bottom:20px}
.page-form label{display:block;font-size:13px;font-weight:bold;margin-bottom:7px;color:#333}
.page-form input,.page-form select{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .25s,box-shadow .25s}
.page-form input:focus,.page-form select:focus{border-color:#c5a55a;box-shadow:0 0 0 3px rgba(197,165,90,.15);outline:none}
.page-form input:hover,.page-form select:hover{border-color:#bbb}
.page-form .btn-submit{width:100%;padding:15px;background:#c1272d;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;transition:background .25s,box-shadow .25s,transform .2s}
.page-form .btn-submit:hover{background:#a01520;box-shadow:0 4px 16px rgba(193,39,45,.3);transform:translateY(-1px)}
.page-form .btn-submit:active{background:#8b1018;transform:translateY(0)}

/* Info Box */
.page-info-box{background:#fffbf2;border:1px solid #f0d6a0;border-radius:10px;padding:24px;margin-bottom:24px;border-left:4px solid #c5a55a}
.page-info-box__title{font-size:15px;font-weight:bold;color:#b8860b;margin-bottom:10px}

/* Back to Top Link */
.back-to-top{display:inline-flex;align-items:center;gap:6px;margin-top:35px;color:#c1272d;font-size:14px;font-weight:bold;transition:color .2s,transform .2s}
.back-to-top:hover{color:#a01520;transform:translateX(-3px)}

/* Responsive */
@media(max-width:800px){
  .page-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .page-grid--4col{grid-template-columns:repeat(2,1fr)}
  .page-header{padding:28px 0}
  .page-header__title{font-size:21px}
  .page-body{padding:30px 0 80px}
  .page-card{padding:20px}
}
@media(max-width:480px){
  .page-grid{grid-template-columns:1fr}
  .page-grid--2col{grid-template-columns:1fr}
  .page-grid--4col{grid-template-columns:1fr}
  .page-header__title{font-size:18px}
  .page-body h2{font-size:18px}
  .page-body h3{font-size:15px}
  .page-card{padding:16px}
}