/*
 * One compact, wrapping breadcrumb style shared by all V2 inspiration
 * modules. Separators are text so the trail remains readable if an image
 * asset is unavailable, and flex-wrap keeps long Norwegian titles inside the
 * viewport on phones.
 */
.v2-module-breadcrumb{width:100%;box-sizing:border-box;padding:14px 0 22px;color:#666;font-size:13px;line-height:1.5}
.v2-module-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;margin:0;padding:0;list-style:none}
.v2-module-breadcrumb li{display:flex;align-items:center;min-width:0;max-width:100%}
.v2-module-breadcrumb li+li:before{content:'/';margin-right:9px;color:#a0a0a0}
.v2-module-breadcrumb a{color:#777;text-decoration:none}
.v2-module-breadcrumb a:hover,.v2-module-breadcrumb a:focus{text-decoration:underline;color:#222}
.v2-module-breadcrumb span{overflow-wrap:anywhere}
.v2-module-breadcrumb li[aria-current="page"]{color:#222;font-weight:500}
/* The first crumb is an icon-only home link, matching the shop navigation. */
.v2-module-breadcrumb-home-item{flex:0 0 auto}
.v2-module-breadcrumb-home{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#68645f;text-decoration:none}
.v2-module-breadcrumb-home:hover,.v2-module-breadcrumb-home:focus{color:#222;text-decoration:none}
.v2-module-breadcrumb-home .icon{font-size:13px;line-height:1}

@media (max-width:767px){.v2-module-breadcrumb{padding:10px 0 17px;font-size:12px}.v2-module-breadcrumb ol{gap:3px 7px}.v2-module-breadcrumb li+li:before{margin-right:7px}}

/*
 * Module tiles use CSS grid rather than Bootstrap floats. Each item gets a
 * stable track, so a tall title or image cannot push the next item outside
 * the matrix and create the holes seen in the old screenshots.
 */
.v2-module-tile-layout,.v2-creative-card-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:10px 0}
.v2-module-tile-layout>.col-lg-12,.v2-module-tile-layout>.row{grid-column:1/-1;float:none!important;width:auto!important}
.v2-module-tile-layout>[class*="col-lg-3"],.v2-module-tile-layout>[class*="col-md-3"],.v2-module-tile-layout>[class*="col-lg-4"],.v2-module-tile-layout>[class*="col-md-4"],.v2-module-tile-layout>[class*="col-sm-4"],.v2-module-tile-layout>[class*="col-xs-4"]{grid-column:span 3;float:none!important;width:auto!important;padding:10px!important;margin:0!important;box-sizing:border-box}
.v2-creative-card-grid>[class*="col-lg-3"],.v2-creative-card-grid>[class*="col-md-3"],.v2-creative-card-grid>[class*="col-sm-4"],.v2-creative-card-grid>[class*="col-xs-6"]{grid-column:span 3;float:none!important;width:auto!important;padding:10px!important;margin:0!important;box-sizing:border-box}
.v2-module-tile-layout img,.v2-creative-card-grid img{display:block;width:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:1.6;object-fit:cover}
@media(max-width:900px){.v2-module-tile-layout,.v2-creative-card-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.v2-module-tile-layout>[class*="col-lg-3"],.v2-module-tile-layout>[class*="col-md-3"],.v2-module-tile-layout>[class*="col-lg-4"],.v2-module-tile-layout>[class*="col-md-4"],.v2-module-tile-layout>[class*="col-sm-4"],.v2-creative-card-grid>[class*="col-lg-3"],.v2-creative-card-grid>[class*="col-md-3"],.v2-creative-card-grid>[class*="col-sm-4"],.v2-creative-card-grid>[class*="col-xs-6"]{grid-column:span 2}}
@media(max-width:520px){.v2-module-tile-layout,.v2-creative-card-grid{grid-template-columns:1fr}.v2-module-tile-layout>[class*="col-"],.v2-creative-card-grid>[class*="col-"]{grid-column:1/-1}}

/*
 * Creative tips overview and category pages use an explicit grid contract.
 * Reserving the media ratio before the image arrives prevents layout shifts,
 * while the separate title line keeps long Norwegian names from covering the
 * next card or colliding with the breadcrumb/category navigation.
 */
.v2-creative-overview,.v2-creative-category-content,.v2-creative-category-section,.v2-creative-related-categories{clear:both;box-sizing:border-box}
.v2-creative-overview{padding-top:8px;padding-bottom:28px}
.v2-creative-overview-title,.v2-creative-category-content h1{margin:0 0 22px;color:#252321;font-size:clamp(24px,3vw,38px);line-height:1.15;font-weight:600}
.v2-creative-featured-grid,.v2-creative-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}
.v2-creative-tip-card{display:grid;grid-template-rows:auto minmax(42px,auto);min-width:0;overflow:hidden;color:#252321;text-decoration:none;background:#fff;border:1px solid #e4ded7;border-radius:4px;transition:transform .15s ease,box-shadow .15s ease}
.v2-creative-tip-card:hover,.v2-creative-tip-card:focus-visible{color:#252321;transform:translateY(-2px);box-shadow:0 7px 18px rgba(37,35,33,.11)}
.v2-creative-tip-card:focus-visible{outline:3px solid #086bd8;outline-offset:3px}
.v2-creative-tip-card-media{display:block;aspect-ratio:1.6;overflow:hidden;background:#f1eee9}
.v2-creative-tip-card-media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .2s ease}
.v2-creative-tip-card:hover .v2-creative-tip-card-media img,.v2-creative-tip-card:focus-visible .v2-creative-tip-card-media img{transform:scale(1.02)}
.v2-creative-tip-card-title{display:block;padding:11px 13px 12px;font-size:15px;line-height:1.3;text-align:center;overflow-wrap:anywhere}
.v2-creative-category-content{padding-top:6px;padding-bottom:38px}
.v2-creative-category-section,.v2-creative-related-categories{padding-top:8px;padding-bottom:20px}
.v2-creative-category-section h2,.v2-creative-related-categories h2{margin:0 0 8px;color:#252321;font-size:clamp(20px,2.3vw,30px);line-height:1.2;font-weight:600}
.v2-module-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 36px}
.v2-module-category-link{display:block;min-width:0;text-decoration:none}
.v2-module-category-button{display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:8px 12px;border:1px solid #dadada;border-radius:4px;background:#fff;color:#000;text-align:center;line-height:1.25;transition:background-color .16s ease,color .16s ease,border-color .16s ease}
.v2-module-category-button:hover,.v2-module-category-button:focus-visible,.v2-module-category-button.is-selected{background:var(--category-selected-bg);color:var(--category-selected-color);border-color:#8f8f8f}
@media(max-width:900px){.v2-creative-featured-grid,.v2-creative-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v2-module-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.v2-creative-featured-grid,.v2-creative-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v2-creative-tip-card-title{font-size:14px;padding:10px 9px}}
@media(max-width:520px){.v2-creative-featured-grid,.v2-creative-category-grid,.v2-module-category-grid{grid-template-columns:1fr;gap:10px}.v2-creative-tip-card-title{font-size:15px}}