/* Muggkompaniet Inspirationsmagasin · editorial frontend 2026-10-31 */
.mk-insp-page{color:#233044;background:#faf8f5;padding-bottom:68px}
.mk-insp-page a,.mk-insp-home-preview a{transition:color .2s,background-color .2s,transform .2s}
.mk-insp-page a:focus-visible,.mk-insp-home-preview a:focus-visible{outline:3px solid #ee833c;outline-offset:4px}
.mk-insp-kicker{display:inline-block;color:#b85a25;font-weight:900;font-size:.72rem;line-height:1.5;letter-spacing:.095em;text-transform:uppercase;text-decoration:none}
.mk-insp-crumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 27px;color:#625e58;font-size:.84rem}
.mk-insp-crumb a{text-underline-offset:3px;text-decoration:none;color:#5a5149}.mk-insp-crumb a:hover{color:#bf632f;text-decoration:underline}
.mk-insp-hero{background:radial-gradient(circle at 76% 23%,#f6d9c1 0%,transparent 34%),linear-gradient(118deg,#f1e8df,#f8f3ed);border-bottom:1px solid #ede1d6;overflow:hidden}
.mk-insp-hero-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:36px;align-items:center;min-height:415px;padding-top:48px;padding-bottom:51px}
.mk-insp-hero h1,.mk-insp-archive-hero h1{color:#102a53;font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.03;letter-spacing:-.057em;font-weight:950;margin:12px 0 15px}.mk-insp-hero h1 span{color:#d46d31}
.mk-insp-hero p{max-width:600px;color:#4f514f;font-size:1.08rem;line-height:1.75;margin:0}
.mk-insp-hero-button{display:inline-flex;align-items:center;gap:15px;background:#b75321;color:#fff;text-decoration:none;font-size:.89rem;letter-spacing:.02em;font-weight:900;border-radius:10px;padding:14px 21px;margin-top:25px}
.mk-insp-hero-button:hover{background:#943e17;color:#fff;transform:translateY(-2px)}
.mk-insp-hero-art{min-height:320px;display:flex;position:relative;justify-content:center;align-items:center}
.mk-insp-hero-circle{position:absolute;width:285px;height:285px;border-radius:50%;background:linear-gradient(135deg,#fdf3e7,#e5bba3);box-shadow:0 0 0 32px rgba(255,255,255,.4),0 0 0 60px rgba(255,255,255,.21);transform:rotate(-14deg)}
.mk-insp-hero-mug{position:relative;font-size:clamp(8rem,16vw,13rem);line-height:1;filter:drop-shadow(0 21px 16px rgba(100,72,52,.17));transform:rotate(-9deg)}
.mk-insp-hero-sparkle{position:absolute;font-size:5rem;top:5%;right:15%;color:#db8a45}
.mk-insp-hero-label{position:absolute;bottom:5%;left:10%;font-size:.8rem;font-weight:850;border-radius:99px;background:#fff;padding:10px 14px;color:#a24a1f;box-shadow:0 6px 25px rgba(34,31,25,.1)}
.mk-insp-content-wrap{padding-top:42px}
.mk-insp-topic-section{margin-bottom:39px}
.mk-insp-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}
.mk-insp-section-heading h2{color:#102a53;font-size:clamp(1.4rem,2.7vw,2rem);line-height:1.16;letter-spacing:-.035em;margin:5px 0 0;font-weight:900}
.mk-insp-section-heading>a{font-size:.88rem;color:#9b4b23;font-weight:850;text-underline-offset:4px}
.mk-insp-topic-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:17px}
.mk-insp-topic-links a{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid #e6d6c8;background:#fff;color:#334052;font-size:.85rem;font-weight:850;border-radius:99px;text-decoration:none}
.mk-insp-topic-links a:hover,.mk-insp-topic-links a.is-active{background:#102a53;color:#fff;border-color:#102a53}
.mk-insp-topic-links small{font-size:.75rem;opacity:.7}
.mk-insp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mk-insp-card{min-width:0;background:#fff;border:1px solid #e9e0d8;border-radius:18px;box-shadow:0 6px 20px rgba(24,32,43,.035);overflow:hidden;transition:box-shadow .2s,transform .2s}
.mk-insp-card:hover{box-shadow:0 16px 36px rgba(35,45,54,.095);transform:translateY(-3px)}
.mk-insp-card-cover{position:relative;display:block;height:205px;background:linear-gradient(135deg,#f0d9c6,#efedec);overflow:hidden}
.mk-insp-card:nth-child(3n+2) .mk-insp-card-cover{background:linear-gradient(135deg,#dde9e9,#e7dae1)}
.mk-insp-card:nth-child(3n+3) .mk-insp-card-cover{background:linear-gradient(135deg,#efe0c8,#f6eadf)}
.mk-insp-card-cover img{height:100%;width:100%;object-fit:cover;transition:transform .25s}.mk-insp-card:hover img{transform:scale(1.04)}
.mk-insp-illustration{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden}
.mk-insp-illustration-glow{position:absolute;inset:18% 28%;border-radius:50%;background:rgba(255,255,255,.4);box-shadow:0 0 0 34px rgba(255,255,255,.11),0 0 0 72px rgba(255,255,255,.07)}
.mk-insp-illustration-cup{font-size:6.9rem;line-height:1;z-index:1;filter:drop-shadow(0 10px 9px rgba(42,39,32,.16));transform:rotate(-7deg)}
.mk-insp-illustration-stars{position:absolute;z-index:2;right:14%;top:15%;font-size:1.8rem;color:#c77a38;transform:rotate(12deg)}
.mk-insp-card-cover-label{position:absolute;z-index:3;bottom:12px;left:13px;font-size:.61rem;font-weight:900;letter-spacing:.07em;color:#aa4b1b;background:rgba(255,255,255,.94);border-radius:5px;padding:5px 9px}
.mk-insp-card-body{display:flex;flex-direction:column;min-height:232px;padding:21px 22px 23px}
.mk-insp-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:.76rem;color:#79736c;font-weight:700}
.mk-insp-card-meta a{color:#a34a19;text-decoration:none}
.mk-insp-card-meta a:hover{text-decoration:underline}
.mk-insp-card h3{font-size:1.21rem;line-height:1.32;letter-spacing:-.02em;margin:10px 0 10px;color:#112a50;font-weight:900}
.mk-insp-card h3 a{text-decoration:none}.mk-insp-card h3 a:hover{color:#bf5920}
.mk-insp-card p{font-size:.89rem;line-height:1.67;color:#606268;margin:0 0 16px}
.mk-insp-readmore{margin-top:auto;font-size:.86rem;color:#a44b20;text-decoration:none;font-weight:900}.mk-insp-readmore:hover{color:#853810}
.mk-insp-pagination,.mk-insp-pagination .nav-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:26px}
.mk-insp-pagination .page-numbers{padding:9px 13px;display:inline-flex;border:1px solid #e6d9d0;border-radius:8px;text-decoration:none;background:#fff;font-weight:750}
.mk-insp-pagination .page-numbers.current{color:#fff;background:#102a53;border-color:#102a53}
.mk-insp-wide-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:52px;padding:31px 36px;background:#112a4b;border-radius:20px;color:#fff}
.mk-insp-wide-cta .mk-insp-kicker{color:#ffc596}.mk-insp-wide-cta h2{font-size:1.48rem;letter-spacing:-.025em;margin:5px 0 7px;color:#fff}.mk-insp-wide-cta p{color:#e3ebf3;margin:0;font-size:.94rem}
.mk-insp-wide-cta>a{display:inline-flex;white-space:nowrap;background:#f28b4b;color:#172b45;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:900}.mk-insp-wide-cta>a:hover{background:#fff}
.mk-insp-archive-hero{padding:43px 0 34px;background:linear-gradient(120deg,#f3e7d9,#f8f2ed);border-bottom:1px solid #ece1d4}
.mk-insp-archive-hero h1{font-size:clamp(2.2rem,4vw,3.2rem)}.mk-insp-archive-hero p,.mk-insp-archive-desc{margin:0;color:#535e66}
.mk-insp-category-results{margin-top:22px}
.mk-insp-single{background:#fff}.mk-insp-article-outer{padding-top:37px}
.mk-insp-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;align-items:start;gap:clamp(22px,4.5vw,65px);max-width:1190px;margin-inline:auto}
.mk-insp-article{min-width:0}
.mk-insp-article-header h1{font-size:clamp(2.08rem,3.6vw,3.48rem);letter-spacing:-.052em;line-height:1.12;margin:13px 0 14px;color:#102a53;font-weight:950}
.mk-insp-article-lead{margin:0 0 13px;color:#59616a;font-size:clamp(1.07rem,1.5vw,1.2rem);line-height:1.65}
.mk-insp-article-details{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.83rem;font-weight:650;color:#7e7a75;margin:20px 0 27px}
.mk-insp-article-image{overflow:hidden;border-radius:19px;background:#f4e6d9;margin-bottom:26px}
.mk-insp-article-image img{width:100%;height:auto;max-height:550px;object-fit:cover;display:block}
.mk-insp-article-body{font-size:1.025rem;line-height:1.83;color:#313a44}
.mk-insp-article-body>p:first-child{font-size:1.08rem}
.mk-insp-article-body h2{font-size:clamp(1.45rem,2.2vw,1.86rem);line-height:1.24;color:#102a53;margin:38px 0 12px;letter-spacing:-.035em}
.mk-insp-article-body h3{font-size:1.26rem;line-height:1.32;color:#102a53;margin:26px 0 8px}
.mk-insp-article-body p,.mk-insp-article-body ul,.mk-insp-article-body ol{margin:0 0 17px}
.mk-insp-article-body ul,.mk-insp-article-body ol{padding-left:24px}
.mk-insp-article-body li{margin:7px 0}
.mk-insp-article-body a{color:#a8461e;text-decoration:underline;text-underline-offset:3px;font-weight:650}
.mk-insp-article-body a:hover{color:#792d12}
.mk-insp-article-body img{border-radius:12px}
.mk-insp-sidebar{position:sticky;top:124px;display:grid;gap:16px}
.mk-insp-sidebar-card{background:#f7f0e9;border:1px solid #e8d9cb;border-radius:17px;padding:24px}
.mk-insp-sidebar-card h2{font-size:1.37rem;line-height:1.28;letter-spacing:-.03em;margin:10px 0 7px;color:#102a53}
.mk-insp-sidebar-card p{font-size:.88rem;line-height:1.65;color:#53575c;margin:0 0 16px}
.mk-insp-sidebar-card a{display:inline-block;color:#9d461d;font-weight:900;font-size:.84rem;text-underline-offset:3px}
.mk-insp-sidebar-dark{background:#102a53;border-color:#102a53}.mk-insp-sidebar-dark h2{color:#fff}.mk-insp-sidebar-dark p{color:#dce5f2}.mk-insp-sidebar-dark .mk-insp-kicker{color:#ffbd85}.mk-insp-sidebar-dark a{color:#ffcd99}
.mk-insp-article-action{display:flex;align-items:center;justify-content:space-between;gap:17px;margin-top:35px;padding:22px;background:linear-gradient(120deg,#f9efe5,#f5e1cf);border:1px solid #eed6c1;border-radius:16px}
.mk-insp-article-action h2{font-size:1.23rem;line-height:1.23;color:#102a53;margin:6px 0}.mk-insp-article-action p{color:#606069;margin:0;font-size:.87rem;line-height:1.55}
.mk-insp-article-action a{flex:none;border-radius:9px;padding:12px 16px;background:#b95725;color:#fff;text-decoration:none;font-weight:900;font-size:.83rem}.mk-insp-article-action a:hover{background:#943e18;color:#fff}
.mk-insp-backlink{margin:24px 0;color:#a24c20;font-weight:800;font-size:.87rem}.mk-insp-backlink a{color:inherit;text-underline-offset:3px}
.mk-insp-related-products,.mk-insp-related-posts{margin-top:50px;border-top:1px solid #e8e1db;padding-top:32px}
.mk-insp-woo-products{margin-top:20px}.mk-insp-woo-products ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.mk-insp-woo-products .woocommerce{min-width:0}
.mk-insp-home-preview{padding:42px 0 52px;background:#faf6f2}
.mk-insp-home-preview .mk-insp-section-heading{margin-bottom:21px}
.mk-insp-home-preview .mk-insp-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mk-inspiration-nav>.mk-mainnav-link{color:#994b27!important;font-weight:900}
.mk-inspiration-nav>.mk-mainnav-link:hover{color:#cb6327!important}
@media(max-width:1060px){.mk-insp-article-layout{grid-template-columns:minmax(0,1fr) 245px;gap:25px}.mk-insp-sidebar-card{padding:18px}.mk-insp-card-grid{gap:13px}}
@media(max-width:830px){.mk-insp-hero-layout{grid-template-columns:1fr;gap:0;padding-top:32px;padding-bottom:25px}.mk-insp-hero-art{min-height:210px}.mk-insp-hero-circle{width:175px;height:175px}.mk-insp-hero-mug{font-size:8rem}.mk-insp-hero-label{bottom:3%}.mk-insp-hero-sparkle{font-size:2.5rem;right:28%}.mk-insp-article-layout{grid-template-columns:1fr}.mk-insp-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.mk-insp-card-grid,.mk-insp-home-preview .mk-insp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-insp-card-cover{height:190px}.mk-insp-woo-products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.mk-insp-page{padding-bottom:35px}.mk-insp-hero-layout{padding-top:24px}.mk-insp-hero h1{font-size:2.5rem}.mk-insp-hero p{font-size:.97rem}.mk-insp-hero-art{min-height:180px}.mk-insp-hero-mug{font-size:7rem}.mk-insp-content-wrap{padding-top:28px}.mk-insp-section-heading{align-items:start;flex-direction:column;gap:8px}.mk-insp-section-heading h2{font-size:1.5rem}.mk-insp-card-grid,.mk-insp-home-preview .mk-insp-card-grid{grid-template-columns:1fr}.mk-insp-card-cover{height:205px}.mk-insp-card-body{min-height:0}.mk-insp-wide-cta{flex-direction:column;align-items:flex-start;padding:24px}.mk-insp-wide-cta>a{white-space:normal}.mk-insp-article-outer{padding-top:23px}.mk-insp-article-header h1{font-size:2.05rem}.mk-insp-article-body{font-size:1rem}.mk-insp-sidebar{grid-template-columns:1fr}.mk-insp-article-action{flex-direction:column;align-items:flex-start}.mk-insp-article-action a{align-self:stretch;text-align:center}.mk-insp-home-preview{padding:26px 0 34px}.mk-insp-topic-links a{font-size:.76rem;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.mk-insp-page a,.mk-insp-card,.mk-insp-card img,.mk-insp-home-preview a{transition:none!important}.mk-insp-card:hover,.mk-insp-hero-button:hover{transform:none!important}}

/* SEO-friendly topical cross-links from the bottom of product categories */
.mk-insp-category-guides{margin:34px 0 23px;padding:25px 28px;background:#fffaf5;border:1px solid #eadacc;border-radius:16px}
.mk-insp-category-guides ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;list-style:none;margin:12px 0 0;padding:0}
.mk-insp-category-guides li{padding:17px 18px;background:#fff;border-radius:10px;border:1px solid #f0e6dc}
.mk-insp-category-guides li>a{color:#102a53;text-decoration:none;font-size:.95rem;font-weight:900;line-height:1.4}
.mk-insp-category-guides li>a:hover{color:#bd5624}
.mk-insp-category-guides li p{margin:8px 0 0;font-size:.84rem;color:#697077;line-height:1.55}
@media(max-width:800px){.mk-insp-category-guides ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){.mk-insp-category-guides{padding:20px 14px}.mk-insp-category-guides ul{grid-template-columns:1fr}}