/* Model and mask guides extend the existing SunnyGrand visual language. */
.catalog-breadcrumb{padding:28px 0 0;font-size:12px;color:#687a64}.catalog-breadcrumb ol{display:flex;flex-wrap:wrap;gap:7px 12px;list-style:none;padding:0;margin:0}.catalog-breadcrumb li+li:before{content:"/";margin-right:12px;color:#a8b4a3}.catalog-breadcrumb a:hover{text-decoration:underline}.catalog-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;padding-top:60px;padding-bottom:65px}.catalog-hero h1{font-size:clamp(39px,5vw,74px);overflow-wrap:anywhere;letter-spacing:-.06em;margin-bottom:25px}.catalog-lead{font-size:19px;line-height:1.65;color:#64765d;max-width:690px}.catalog-hero figure{margin:0;padding:14px;background:radial-gradient(ellipse,#e5eddf 0,transparent 68%);min-width:0}.catalog-hero figure img{width:100%;height:auto;max-height:480px;object-fit:contain}.catalog-hero figcaption{font-size:11px;color:#75836e;text-align:center;max-width:370px;margin:10px auto 0}.catalog-hero .sg-actions{margin-top:28px;gap:20px}.catalog-subtitle{font-size:21px;line-height:1.45;color:#4e6846;margin-top:-10px}.catalog-intro{padding-top:65px;padding-bottom:20px}.catalog-intro h1{font-size:clamp(42px,6vw,82px);margin-bottom:30px}.catalog-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.catalog-pills span{padding:8px 13px;border:1px solid #cad9c3;border-radius:30px;font-size:12px;color:#3d5a35}.catalog-section{padding-top:55px;padding-bottom:55px}.catalog-section h2{font-size:clamp(29px,3.7vw,49px);margin-bottom:27px}.catalog-section h3{font-size:22px;letter-spacing:-.035em;line-height:1.25;margin-bottom:14px}.catalog-section p{color:#64735e}.catalog-two{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.catalog-small{font-size:12px;line-height:1.75;color:#73816b!important;margin-top:22px}.catalog-table-wrap{overflow-x:auto;margin:8px 0 20px}.catalog-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.65;text-align:left}.catalog-table th,.catalog-table td{padding:17px 16px;border-bottom:1px solid #d5dfce;vertical-align:top}.catalog-table th{font-weight:600;color:#304e2d}.catalog-table td{color:#65725d}.catalog-table thead th{font-size:11px;letter-spacing:.025em;background:#e9eee3}.catalog-table tbody th{min-width:145px}.catalog-table caption{text-align:left;padding:0 0 14px;font-size:12px;color:#78866d}.catalog-table a{text-decoration:underline;text-underline-offset:3px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.catalog-card{display:flex;flex-direction:column;background:#e9eee3;border:1px solid #e1e8db;border-radius:22px;padding:27px;transition:background .2s,transform .2s;min-width:0}.catalog-card:hover{background:#e1ead9;transform:translateY(-3px)}.catalog-card-kind{font-size:11px;color:#6e8163;min-height:32px}.catalog-card img{width:100%;height:200px!important;object-fit:contain;margin:8px 0 24px}.catalog-card h3{font-size:25px;color:#23432b;margin-bottom:12px}.catalog-card p{font-size:13px;line-height:1.6;margin-bottom:25px}.catalog-card-link{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-top:auto;color:#47683b}.catalog-mask-card img{height:260px!important}.catalog-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin-top:30px}.catalog-mode-grid article{border-top:1px solid #cbd8c4;padding:24px 0 4px}.catalog-mode-grid h3{font-size:25px}.catalog-mode-grid p{font-size:14px;max-width:650px}.catalog-mode-grid a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.catalog-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px}.catalog-benefits article{background:#eef2e9;border:1px solid #e0e7db;border-radius:18px;padding:27px}.catalog-benefits article p{font-size:14px;line-height:1.8;margin-bottom:0}.catalog-callout{background:#e6eddf;border-radius:24px;padding:43px}.catalog-callout p:not(.sg-kicker){max-width:920px}.catalog-faq{margin-top:30px}.catalog-related{display:flex;flex-wrap:wrap;gap:16px 30px;border-top:1px solid #d5dfce;padding-top:24px;margin-top:35px;font-size:13px}.catalog-related a{text-decoration:underline;text-underline-offset:4px}.catalog-sources{padding-top:40px;padding-bottom:75px}.catalog-sources h2{font-size:24px;margin-bottom:18px}.catalog-sources p,.catalog-sources li{font-size:12px;line-height:1.8;color:#74806c}.catalog-sources p{max-width:1000px}.catalog-sources ul{padding-left:20px}.catalog-sources a{text-decoration:underline;text-underline-offset:3px}.catalog-mask-hero figure img{max-height:430px}
@media(max-width:1000px){.catalog-hero{grid-template-columns:1.15fr 1fr;gap:3%}.catalog-hero h1{font-size:48px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-two{gap:5%}.catalog-hero .sg-actions{align-items:flex-start;flex-direction:column}.catalog-card{padding:23px}}
@media(max-width:650px){.catalog-breadcrumb{padding-top:22px;font-size:11px}.catalog-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;padding-bottom:20px;gap:18px}.catalog-hero h1{font-size:42px}.catalog-hero figure{order:2}.catalog-hero figure img{max-height:290px}.catalog-lead{font-size:17px}.catalog-intro{padding-top:40px}.catalog-intro h1{font-size:44px}.catalog-section{padding-top:36px;padding-bottom:36px}.catalog-two,.catalog-benefits{grid-template-columns:1fr;gap:27px}.catalog-grid{grid-template-columns:1fr;gap:16px;margin-top:22px}.catalog-card{padding:26px}.catalog-card img{height:185px!important;margin-top:0}.catalog-mask-card img{height:230px!important}.catalog-card-kind{min-height:0}.catalog-table{font-size:13px}.catalog-table th,.catalog-table td{padding:13px 12px}.catalog-table tbody th{min-width:120px}.catalog-callout{padding:27px 23px}.catalog-benefits article{padding:24px}.catalog-sources{padding-top:30px;padding-bottom:50px}.catalog-related{flex-direction:column}.catalog-hero .sg-actions{gap:22px}.catalog-section h2{font-size:32px}.catalog-hero .sg-btn{font-size:12px;padding:14px 19px}}
@media(prefers-reduced-motion:reduce){.catalog-card{transition:none}.catalog-card:hover{transform:none}}
