/* external-categories.css v0.2 - 2026-10-27. Kun eksterne informationssider og nye forsidekort. */
.catalog-tile--external{background:#fff}
.catalog-tile--external .catalog-tile__media{padding:10px 14px 0}
.catalog-tile--external .catalog-tile__title{font-size:clamp(1.2rem,2vw,1.9rem)}
.catalog-tile--find-hjem{background:#d4e8af}
.catalog-tile--valgplakater{background:#c9ece7}
.external-toolbar{padding-top:1.4rem;font-weight:700}
.external-toolbar a{text-underline-offset:.2em}
.external-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding-block:clamp(1.6rem,4vw,3rem)}
.external-hero h1{font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.035em;margin:0 0 1.2rem;overflow-wrap:break-word}
.external-lead{font-size:clamp(1.2rem,2vw,1.65rem);font-weight:700;line-height:1.25}
.external-hero p{max-width:42rem}
.external-price{font-weight:800;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.2}
.external-price span{font-size:.7em;display:block;margin-top:.3rem}
.external-visual{margin:0;background:#fff;border:1px solid #0e412e1a;border-radius:26px;padding:clamp(1rem,2vw,1.5rem);min-width:0}
.external-visual>img{width:100%;height:auto;max-height:420px;object-fit:contain}
.external-visual figcaption,.external-panel figcaption{margin-top:1rem;font-size:.95rem;line-height:1.5}
.external-shirt-pair>div{display:flex;align-items:center;gap:10px}
.external-shirt-pair img{width:calc(50% - 5px);height:auto}
.external-keytag{background:#ecf5dc}
.external-note{font-size:.95rem}
.external-page .button{gap:.5rem;max-width:100%;text-align:center;line-height:1.3}
.external-section{padding-block:1rem 2.5rem}
.external-section h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.12;margin:0 0 1.4rem}
.external-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.external-model{background:#fff;border-radius:22px;overflow:hidden;border:1px solid #0e412e1a}
.external-model>img{width:100%;aspect-ratio:1;object-fit:contain;padding:1rem}
.external-model>div{padding:0 1rem 1.4rem}
.external-model h3{margin:.5rem 0;font-size:1.25rem}
.external-model-link{font-weight:700;display:inline-block;text-underline-offset:.2em}
.external-panel{margin:0;padding:clamp(1.2rem,3vw,2.5rem);background:#fff;border:1px solid #0e412e1a;border-radius:26px}
.external-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem}
.external-prices>p{margin:0;border-radius:18px;background:var(--sage);padding:1.2rem}
.external-prices span,.external-prices strong{display:block}
.external-prices strong{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.2;margin-block:.3rem}
.external-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.external-sides figure{display:flex;flex-direction:column;justify-content:center;min-width:0}
.external-sides figure>img{width:100%;height:auto}
.external-example-label{text-align:center;font-weight:800;font-size:.85rem;margin:0 0 1rem}
.external-back-example{padding:1.5rem;background:var(--dark-green);color:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:1rem}
.external-back-example img{width:90px;height:90px;object-fit:contain;flex-shrink:0}
.external-back-example strong{font-size:clamp(1.25rem,2.8vw,2rem);line-height:1.1}
.external-related{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding-block:1.5rem 2rem;border-top:1px solid #0e412e25;font-weight:700}
@media(max-width:900px){.external-models{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.external-hero,.external-sides{grid-template-columns:1fr}.external-hero{gap:1rem}.external-hero .external-visual{grid-row:2}.external-visual>img{max-height:330px}.external-back-example img{width:70px;height:70px}.catalog-tile--external .catalog-tile__title{font-size:clamp(1rem,3.8vw,1.4rem)}}
@media(max-width:380px){.external-models{grid-template-columns:1fr}.external-prices{gap:.5rem}.external-prices>p{padding:.85rem}.external-prices strong{font-size:1.5rem}}

/* Ni ens kvadratiske forsidekort, med hele produktmotiver. */
.catalog-home:not(.external-page) .catalog-tile--product{aspect-ratio:1}

@media(max-width:500px){.catalog-home:not(.external-page) .catalog-grid{grid-template-columns:minmax(0,1fr)}}