/* IM3216 homepage UX. This file is linked only for the unfiltered homepage. */
.im3216-home { padding:0; }
.im3216-home .im3216-hero { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:24px; padding:30px 36px; overflow:hidden; border:1px solid #efe6dd; border-radius:26px; background:linear-gradient(110deg,#faf5ef,#fffaf5); }
.im3216-home .im3216-hero-copy { min-width:0; position:relative; z-index:1; }
.im3216-home .im3216-kicker { display:block; margin:0 0 12px; font-size:11px; font-weight:850; line-height:1.4; letter-spacing:.13em; color:#9a6142; }
.im3216-home #im3216-title { margin:0; max-width:100%; font-size:clamp(36px,3.5vw,49px); line-height:1.035; letter-spacing:-.045em; font-weight:900; color:#17191c; }
.im3216-home #im3216-title span,.im3216-home #im3216-title em { display:block; font-style:normal; white-space:nowrap; }
.im3216-home #im3216-title em { color:#e45700; }
.im3216-home .im3216-hero-copy>p { margin:14px 0 18px; max-width:440px; color:#66625f; font-size:16px; line-height:1.5; }
.im3216-home .im3216-cta { display:flex; flex-wrap:wrap; align-items:stretch; gap:10px; }
.im3216-home .im3216-cta .im18-btn { gap:8px; padding:11px 16px; min-height:46px; font-size:14px; font-weight:800; border-radius:13px; }
.im3216-home .im3216-cta .im18-icon { width:20px; height:20px; }
.im3216-home .im3216-secondary { color:#b84700; border-color:#e5762c; background:#fff; }
.im3216-home .im3216-secondary:hover { background:#fff1e5; }
.im3216-home .im3216-art { position:relative; align-self:center; height:224px; opacity:.68; pointer-events:none; }
.im3216-home .im3216-art>span { position:absolute; width:92px; height:92px; display:flex; align-items:center; justify-content:center; border:1px solid #efe4da; border-radius:25px; background:#fff; transform:rotate(-9deg); box-shadow:0 8px 24px #ba784108; color:#d0783d; }
.im3216-home .im3216-art>span .im30-symbol { width:48px; height:48px; }
.im3216-home .im3216-art>span:nth-child(1) { left:3px; top:0; }
.im3216-home .im3216-art>span:nth-child(2) { right:0; top:68px; transform:rotate(8deg); color:#697786; }
.im3216-home .im3216-art>span:nth-child(3) { left:18px; bottom:0; transform:rotate(-5deg); }
.im3216-home .im3216-types-wrap { position:relative; margin:17px 0 22px; }
.im3216-home .im3216-types { display:flex; gap:9px; padding:2px 46px 5px 2px; overflow-x:auto; scrollbar-width:none; overscroll-behavior-x:contain; scroll-padding-inline:4px; -webkit-overflow-scrolling:touch; }
.im3216-home .im3216-types::-webkit-scrollbar { display:none; }
.im3216-home .im3216-types a { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; padding:10px 20px; min-height:44px; border:1px solid #e0e2e5; border-radius:999px; font-weight:750; font-size:14px; line-height:1.3; color:#25282c; background:#fff; text-decoration:none; }
.im3216-home .im3216-types a:hover { color:#c34b00; border-color:#ffbb88; background:#fff7f0; }
.im3216-home .im3216-types-wrap.has-overflow:after { content:""; position:absolute; top:0; right:0; bottom:0; width:56px; background:linear-gradient(90deg,rgba(255,255,255,0),#fff 72%); pointer-events:none; }
.im3216-home .im3216-types-next { position:absolute; top:4px; right:1px; z-index:1; width:39px; height:39px; border:1px solid #e2e4e6; border-radius:50%; background:#fff; color:#292b2d; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 7px #0000000a; cursor:pointer; }
.im3216-home .im3216-types-next .im18-icon { width:17px; height:17px; }
.im3216-home .im3216-section-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 16px; }
.im3216-home .im3216-section-head h2 { font-size:28px; font-weight:850; line-height:1.2; letter-spacing:-.035em; margin:0; }
.im3216-home .im3216-section-head>a { display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; text-decoration:none; color:#c44c00; font-weight:750; font-size:13px; }
.im3216-home .im3216-section-head>a .im18-icon { width:17px; height:17px; }
.im3216-home .im3216-latest>.im18-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.im3216-home .im3216-more { display:flex; justify-content:center; margin:20px 0 0; }
.im3216-home .im3216-more .im18-btn { min-height:44px; font-size:14px; }
.im3216-home .im3216-categories { margin-top:32px; }
.im3216-home .im3216-categories .im30-categories { margin-bottom:0; }
.im3216-home .im3216-personal { margin-top:28px; }
.im3216-home .im3216-benefits { margin-top:30px; }
.im3216-home .im3216-empty { padding:28px 20px; border:1px dashed #d6d9de; border-radius:19px; background:#fafbfc; text-align:center; }
.im3216-home .im3216-empty strong { display:block; font-size:21px; }
.im3216-home .im3216-empty p { font-size:15px; color:#6b7077; }
@media(max-width:780px) {
  body.im18-page-home .im18-header { padding-top:18px; padding-bottom:18px; }
  body.im18-page-home .im30-top { margin-bottom:18px; }
  body.im18-page-home .im30-header-actions a[href="/index.php?page=favorites"] { display:none; }
  body.im18-page-home .im30-header-actions { gap:10px; }
  body.im18-page-home .im30-round { width:44px; height:44px; }
  body.im18-page-home .im18-main { padding-top:18px; }
  .im3216-home .im3216-hero { grid-template-columns:minmax(0,1fr); padding:20px; border-radius:23px; gap:0; }
  .im3216-home .im3216-kicker { font-size:9px; margin-bottom:10px; }
  .im3216-home #im3216-title { font-size:clamp(30px,8.9vw,38px); line-height:1.04; max-width:100%; }
  .im3216-home .im3216-hero-copy>p { margin:12px 0 15px; max-width:300px; font-size:14px; line-height:1.42; }
  .im3216-home .im3216-cta { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:8px; }
  .im3216-home .im3216-cta .im18-btn { padding:11px 8px; min-height:46px; font-size:12px; line-height:1.3; border-radius:12px; gap:5px; }
  .im3216-home .im3216-cta .im18-icon { width:17px; height:17px; }
  .im3216-home .im3216-primary .im18-icon { display:none; }
  .im3216-home .im3216-art { position:absolute; right:15px; top:22px; height:126px; width:58px; opacity:.24; }
  .im3216-home .im3216-art>span { width:48px; height:48px; border-radius:14px; }
  .im3216-home .im3216-art>span .im30-symbol { width:26px; height:26px; }
  .im3216-home .im3216-art>span:nth-child(1) { left:0; top:0; }
  .im3216-home .im3216-art>span:nth-child(2) { right:-8px; top:46px; }
  .im3216-home .im3216-art>span:nth-child(3) { left:-2px; top:92px; bottom:auto; }
  .im3216-home .im3216-types-wrap { margin:14px 0 19px; }
  .im3216-home .im3216-types { gap:7px; }
  .im3216-home .im3216-types a { padding:10px 17px; font-size:13px; }
  .im3216-home .im3216-section-head { gap:8px; margin-bottom:13px; }
  .im3216-home .im3216-section-head h2 { font-size:24px; }
  .im3216-home .im3216-section-head>a { font-size:11px; gap:3px; }
  .im3216-home .im3216-section-head>a .im18-icon { width:14px; height:14px; }
  .im3216-home .im3216-latest>.im18-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
  .im3216-home .im3216-latest .im18-card-body h3 { min-height:3.9em; }
  .im3216-home .im3216-categories { margin-top:26px; }
  .im3216-home .im3216-more { margin-top:16px; }
}
@media(max-width:360px) {
  .im3216-home .im3216-hero { padding:16px; }
  .im3216-home #im3216-title { font-size:29px; }
  .im3216-home .im3216-art { opacity:.12; right:7px; }
  .im3216-home .im3216-hero-copy>p { font-size:13px; }
  .im3216-home .im3216-cta .im18-btn { font-size:11px; padding:10px 6px; }
  .im3216-home .im3216-section-head h2 { font-size:22px; }
  .im3216-home .im3216-section-head>a { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .im3216-home .im3216-types { scroll-behavior:auto; } }