/* Shared visual language with the homepage category cards. */
.document-showcase.shell{width:100%;max-width:none;padding:44px 0 48px;margin:0 0 36px;background:#eeede9;color:#20262b}
.document-showcase>.section-head,.document-showcase>.document-grid{width:min(1312px,calc(100% - 80px));margin-left:auto;margin-right:auto}
.document-showcase .section-head{margin-bottom:24px}.document-showcase .eyebrow{color:#b85b23}.document-showcase .section-head h2{color:#20262b;line-height:1.2;font-size:32px}.document-showcase .section-head h2 em{color:#e97018}
.document-showcase .document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.document-showcase .document-card{--resource-dark:#2b211d;--resource-accent:#b86632;--resource-light:#eab18b;position:relative;display:flex;min-width:0;border:1px solid color-mix(in srgb,var(--resource-accent) 35%,transparent);border-radius:14px;background:radial-gradient(ellipse at 70% 15%,color-mix(in srgb,var(--resource-accent) 22%,transparent),transparent 80%),var(--resource-dark);box-shadow:none;color:#fff;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.document-showcase .document-card:nth-child(3n+2){--resource-dark:#152b2b;--resource-accent:#287d77;--resource-light:#8bcac2}
.document-showcase .document-card:nth-child(3n){--resource-dark:#242637;--resource-accent:#6662a4;--resource-light:#b5b2df}
.document-showcase .document-card::before,.document-showcase .document-card::after{content:"";position:absolute;top:10px;width:7px;height:7px;border-top:1px solid var(--resource-light);opacity:.4}.document-showcase .document-card::before{left:10px;border-left:1px solid var(--resource-light)}.document-showcase .document-card::after{right:10px;border-right:1px solid var(--resource-light)}
.document-showcase .document-card:hover{transform:translateY(-5px);border-color:var(--resource-accent);box-shadow:0 18px 40px #0004}.document-showcase .document-card:focus-visible{outline:2px solid var(--resource-light);outline-offset:4px}
.document-showcase .document-card-media{display:none}
.document-showcase .document-card-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:22px 76px 22px 22px;min-height:154px}
.document-showcase .document-card-body::before{content:"";position:absolute;right:22px;top:50%;transform:translateY(-50%);display:block;width:36px;height:36px;margin:0;opacity:.75;pointer-events:none;background:var(--resource-light);mask:url('../icons/mppromosyon-catalog.svg') center/contain no-repeat;-webkit-mask:url('../icons/mppromosyon-catalog.svg') center/contain no-repeat}
.document-showcase .document-card:nth-child(3n+2) .document-card-body::before{mask-image:url('../icons/mppromosyon-mail-order.svg');-webkit-mask-image:url('../icons/mppromosyon-mail-order.svg')}
.document-showcase .document-card:nth-child(3n) .document-card-body::before{mask-image:url('../icons/mppromosyon-price-list.svg');-webkit-mask-image:url('../icons/mppromosyon-price-list.svg')}
.document-showcase .document-card-body h3{font-size:17px;color:#fff;line-height:1.45;margin:0 0 8px}.document-showcase .document-card-body p{font-size:12px;line-height:1.7;color:#ffffffb3;margin:0}
.document-showcase .document-card-body>span{display:none}
/* Keep our own social accounts; use the reference's neutral-to-brand interaction. */
.footer-socials{gap:8px;flex-wrap:wrap}
.footer-socials a{position:relative;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:12px;background:#e5e7eb;color:#6b7280;transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.footer-socials a img,.footer-socials a svg{display:none}
.footer-socials a::before{content:"";width:14px;height:14px;background:currentColor;mask:var(--social-icon) center/contain no-repeat;-webkit-mask:var(--social-icon) center/contain no-repeat}
.footer-socials .footer-social-facebook{--social-icon:url('../icons/brands/facebook.svg')}.footer-socials .footer-social-twitter,.footer-socials .footer-social-x{--social-icon:url('../icons/brands/x.svg')}.footer-socials .footer-social-instagram{--social-icon:url('../icons/brands/instagram.svg')}.footer-socials .footer-social-youtube{--social-icon:url('../icons/brands/youtube.svg')}
.footer-socials a:hover,.footer-socials a:focus-visible{color:#fff;transform:scale(1.1);box-shadow:0 8px 18px #0003}
.footer-socials .footer-social-facebook:hover,.footer-socials .footer-social-facebook:focus-visible{background:#2563eb}.footer-socials .footer-social-instagram:hover,.footer-socials .footer-social-instagram:focus-visible{background:linear-gradient(135deg,#ec4899,#9333ea)}.footer-socials .footer-social-youtube:hover,.footer-socials .footer-social-youtube:focus-visible{background:#dc2626}.footer-socials .footer-social-twitter:hover,.footer-socials .footer-social-twitter:focus-visible,.footer-socials .footer-social-x:hover,.footer-socials .footer-social-x:focus-visible{background:#111827}
.footer-socials a:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1100px){.document-showcase>.section-head,.document-showcase>.document-grid{width:calc(100% - 48px)}}
@media(max-width:800px){.document-showcase .document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-showcase .section-head h2{font-size:30px}}
@media(max-width:520px){.document-showcase.shell{padding:32px 0;margin-bottom:24px}.document-showcase>.section-head,.document-showcase>.document-grid{width:calc(100% - 32px)}.document-showcase .document-grid{grid-template-columns:1fr}.document-showcase .document-card-body{min-height:140px}}
@media(prefers-reduced-motion:reduce){.document-showcase .document-card,.footer-socials a{transition:none}.document-showcase .document-card:hover,.footer-socials a:hover{transform:none}}