/*
Theme Name: Tshirtkompaniet Commerce
Author: Tshirtkompaniet
Description: Modernt, snabbt och WooCommerce-optimerat butikstema.
Version: 2.8.1-tk2
Text Domain: tshirtkompaniet
*/
:root{--bg:#f4f1ed;--surface:#fffdf9;--surface2:#eee9e2;--text:#292622;--muted:#716b64;--orange:#c65a22;--orangeDark:#9f4215;--orangeSoft:#f2d9c9;--border:#ddd5cc;--radius:16px;--shadow:0 12px 35px rgba(42,34,27,.08);--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}img{max-width:100%;height:auto}button,input,select{font:inherit}.mk-container{width:min(var(--max),calc(100% - 40px));margin:auto}
.mk-topbar{background:#27231f;color:#f7f2ec;font-size:.86rem}.mk-topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between}
.mk-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(221,213,204,.8)}.mk-header-inner{min-height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.mk-logo{font-size:1.45rem;font-weight:900;letter-spacing:-.04em;text-decoration:none}.mk-logo span{color:var(--orange)}.mk-nav{display:flex;justify-content:center;gap:26px}.mk-nav a{text-decoration:none;font-weight:700;font-size:.94rem}.mk-nav a:hover{color:var(--orangeDark)}.mk-actions{display:flex;gap:10px}.mk-action{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:var(--surface2)}.mk-cart{position:relative}.mk-cart-count{position:absolute;top:-4px;right:-3px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:.7rem;font-weight:800}
.mk-hero{padding:72px 0 54px}.mk-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.mk-eyebrow{display:inline-flex;background:var(--orangeSoft);color:var(--orangeDark);padding:7px 12px;border-radius:99px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mk-hero h1{font-size:clamp(2.6rem,5vw,5.2rem);line-height:.98;letter-spacing:-.065em;margin:18px 0;max-width:760px}.mk-hero h1 strong{color:var(--orange)}.mk-hero p{max-width:650px;color:var(--muted);font-size:1.1rem}.mk-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.mk-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;text-decoration:none;font-weight:800;border:1px solid var(--border)}.mk-button-primary{background:var(--orange);color:#fff;border-color:var(--orange)}.mk-button-primary:hover{background:var(--orangeDark)}.mk-button-secondary{background:var(--surface)}
.mk-hero-card{min-height:430px;border-radius:28px;background:radial-gradient(circle at 25% 25%,rgba(198,90,34,.32),transparent 34%),linear-gradient(145deg,#e6ded5,#c9beb3);box-shadow:var(--shadow)}
.mk-section{padding:54px 0}.mk-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.mk-section h2{margin:0;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.04em}.mk-muted{color:var(--muted)}
.mk-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mk-category-card{min-height:190px;padding:22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-decoration:none;display:flex;flex-direction:column;justify-content:end;box-shadow:0 5px 18px rgba(42,34,27,.04);transition:.2s}.mk-category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.mk-category-card strong{font-size:1.12rem}.mk-category-card span{color:var(--muted);font-size:.9rem}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;overflow:hidden;box-shadow:0 5px 18px rgba(42,34,27,.04)}.woocommerce ul.products li.product a img{border-radius:12px;margin:0 0 14px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1rem;padding:0 4px;line-height:1.3}.woocommerce ul.products li.product .price{padding:0 4px;color:var(--orangeDark);font-weight:900}.woocommerce ul.products li.product .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{border-radius:10px;background:var(--orange);color:#fff;font-weight:800}.woocommerce ul.products li.product .button{margin:8px 4px 4px}.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce input.button:hover{background:var(--orangeDark);color:#fff}.woocommerce div.product .product_title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;letter-spacing:-.05em}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--orangeDark);font-weight:900}.woocommerce-message,.woocommerce-info{border-top-color:var(--orange)}
.mk-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mk-trust-card{background:#2b2723;color:#fff;border-radius:var(--radius);padding:25px}.mk-trust-card strong{display:block;margin-bottom:6px}.mk-trust-card span{color:#d6cec6;font-size:.92rem}
.mk-content{padding:45px 0}.mk-content h1,.mk-content h2,.mk-content h3{line-height:1.1;letter-spacing:-.035em}.mk-footer{margin-top:70px;background:#27231f;color:#f7f2ec;padding:52px 0 24px}.mk-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.mk-footer a{color:#eee;text-decoration:none}.mk-footer h3{margin-top:0}.mk-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;font-size:.85rem;color:#bdb4ab}
@media(max-width:1000px){.mk-header-inner{grid-template-columns:auto auto}.mk-nav{display:none}.mk-actions{justify-content:end}.mk-hero-grid{grid-template-columns:1fr}.mk-category-grid,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.mk-container{width:calc(100% - 24px)}.mk-topbar-inner{justify-content:center}.mk-topbar-inner>:last-child{display:none}.mk-hero{padding:42px 0 30px}.mk-hero-card{min-height:280px}.mk-category-grid,.woocommerce ul.products,.mk-trust{grid-template-columns:1fr 1fr;gap:10px}.mk-category-card{min-height:145px;padding:16px}.mk-footer-grid{grid-template-columns:1fr}}


/* =========================================================
   TSHIRTKOMPANIET 0.2 — SHOP SYSTEM
   ========================================================= */
.mk-header-search{display:flex;justify-content:center}
.mk-searchbar{display:flex;align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:12px;min-height:44px;padding:0 12px;max-width:430px;width:100%}
.mk-searchbar input{border:0;background:transparent;outline:0;width:100%;min-width:0;color:var(--text)}
.mk-searchbar button{border:0;background:transparent;cursor:pointer;font-weight:800;color:var(--text);padding-left:10px}
.mk-breadcrumbs{padding:18px 0 0;color:var(--muted);font-size:.88rem}
.mk-breadcrumbs a{text-decoration:none}.mk-breadcrumbs a:hover{color:var(--orangeDark)}

.mk-shop-hero{padding:35px 0 25px}
.mk-shop-hero-inner{background:linear-gradient(135deg,#eee7df,#f8f3ed);border:1px solid var(--border);border-radius:24px;padding:34px}
.mk-shop-hero h1{font-size:clamp(2rem,4vw,3.6rem);margin:0 0 8px;letter-spacing:-.055em}
.mk-shop-hero p{margin:0;color:var(--muted);max-width:780px}

.mk-shop-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}
.mk-result-count{color:var(--muted);font-size:.9rem}
.woocommerce .woocommerce-ordering select{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:9px 34px 9px 12px;color:var(--text)}

.mk-category-strip{display:flex;gap:10px;overflow:auto;padding:2px 0 14px;scrollbar-width:thin}
.mk-category-chip{flex:0 0 auto;border:1px solid var(--border);background:var(--surface);padding:9px 14px;border-radius:99px;text-decoration:none;font-size:.88rem;font-weight:700}
.mk-category-chip:hover{border-color:var(--orange);color:var(--orangeDark)}

.woocommerce ul.products li.product{position:relative;transition:transform .2s ease,box-shadow .2s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{min-height:2.6em}
.woocommerce ul.products li.product .price{font-size:1.03rem}
.woocommerce ul.products li.product .button{width:calc(100% - 8px);text-align:center}
.mk-product-badge{position:absolute;left:22px;top:22px;z-index:3;background:var(--orange);color:#fff;border-radius:99px;padding:5px 10px;font-size:.72rem;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.12)}

.mk-product-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:55px;align-items:start}
.mk-product-summary{position:sticky;top:105px}
.mk-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 20px}
.mk-meta-pill{background:var(--surface2);border-radius:99px;padding:6px 10px;color:var(--muted);font-size:.78rem;font-weight:700}
.woocommerce div.product div.images img{border-radius:18px}
.woocommerce div.product form.cart{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px}
.woocommerce div.product form.cart .quantity input{min-height:46px;border:1px solid var(--border);border-radius:9px}
.woocommerce div.product form.cart .button{min-height:46px}
.mk-buy-note{margin-top:14px;color:var(--muted);font-size:.86rem}

.mk-empty{padding:60px 20px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:18px}
.mk-empty h2{margin-top:0}

.mk-footer-newsletter{margin-bottom:45px;background:linear-gradient(135deg,#3a3029,#27231f);border-radius:22px;padding:28px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}
.mk-footer-newsletter h3{margin:0 0 5px}.mk-footer-newsletter p{margin:0;color:#d7cec6}
.mk-footer-newsletter a{white-space:nowrap}

@media(max-width:1050px){
  .mk-header-search{display:none}
  .mk-product-layout{grid-template-columns:1fr;gap:25px}
  .mk-product-summary{position:static}
}
@media(max-width:620px){
  .mk-shop-hero-inner{padding:24px}
  .mk-shop-tools{align-items:flex-start;flex-direction:column}
  .mk-footer-newsletter{align-items:flex-start;flex-direction:column}
}

.mk-menu,.mk-footer-menu{list-style:none;margin:0;padding:0}
.mk-menu{display:flex;gap:20px;align-items:center}
.mk-menu li,.mk-footer-menu li{margin:0}
.mk-menu a,.mk-footer-menu a{text-decoration:none}
.mk-category-description{margin:18px 0 26px;color:var(--muted);max-width:900px}


/* =========================================================
   TSHIRTKOMPANIET 1.3 — CATEGORY / SEO SYSTEM
   ========================================================= */

.mk-archive-intro{
  max-width:900px;
  color:var(--muted);
  margin-top:10px;
}
.mk-archive-intro p{margin:0}

.mk-subcategory-section{
  margin:8px 0 34px;
}
.mk-subcategory-section h2,
.mk-related-cats h2,
.mk-seo-bottom h2{
  font-size:clamp(1.35rem,2.2vw,1.9rem);
  margin:0 0 16px;
  letter-spacing:-.035em;
}

.mk-subcategory-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.mk-subcategory-card{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:14px;
  align-items:center;
  min-height:94px;
  padding:12px;
  text-decoration:none;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:14px;
  transition:.2s ease;
}
.mk-subcategory-card:hover{
  transform:translateY(-2px);
  border-color:#c9b9ad;
  box-shadow:var(--shadow);
}
.mk-subcategory-thumb{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:10px;
  background:var(--surface2);
}
.mk-subcategory-placeholder{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:linear-gradient(135deg,var(--orangeSoft),var(--surface2));
  color:var(--orangeDark);
  font-weight:900;
  font-size:1.2rem;
}
.mk-subcategory-name{
  display:block;
  font-weight:850;
  line-height:1.2;
}
.mk-subcategory-count{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:.78rem;
}

.mk-category-path{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
}
.mk-category-path a,
.mk-related-cats a{
  text-decoration:none;
}
.mk-category-path a{
  background:var(--surface2);
  border-radius:99px;
  padding:6px 10px;
  font-size:.82rem;
  font-weight:750;
  color:var(--muted);
}
.mk-category-path a:hover{color:var(--orangeDark)}

.mk-seo-bottom{
  max-width:940px;
  margin:55px auto 10px;
  padding:32px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:18px;
}
.mk-seo-bottom p:last-child{margin-bottom:0}
.mk-seo-bottom h2,
.mk-seo-bottom h3{margin-top:1.3em}

.mk-related-cats{
  margin:38px 0 12px;
}
.mk-related-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.mk-related-list a{
  background:var(--surface);
  border:1px solid var(--border);
  padding:9px 13px;
  border-radius:99px;
  font-size:.86rem;
  font-weight:750;
}
.mk-related-list a:hover{
  border-color:var(--orange);
  color:var(--orangeDark);
}

.mk-archive-description-full{display:none}

.woocommerce nav.woocommerce-pagination{
  margin-top:32px;
}
.woocommerce nav.woocommerce-pagination ul{
  border:0;
  display:flex;
  gap:6px;
}
.woocommerce nav.woocommerce-pagination ul li{
  border:0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  min-width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:var(--surface);
  border:1px solid var(--border);
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--orange);
  border-color:var(--orange);
  color:#fff;
}

@media(max-width:1000px){
  .mk-subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .mk-subcategory-grid{grid-template-columns:1fr}
  .mk-seo-bottom{padding:22px}
}


/* =========================================================
   TSHIRTKOMPANIET 1.4 — CUSTOMER DISCOVERY SYSTEM
   ========================================================= */
.mk-action{position:relative}
.mk-action-count{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:.68rem;font-weight:900}
.mk-favorite-btn{position:absolute;right:20px;top:20px;z-index:8;width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:rgba(255,253,249,.95);display:grid;place-items:center;cursor:pointer;font-size:1.15rem;line-height:1;transition:.2s}
.mk-favorite-btn:hover,.mk-favorite-btn.is-favorite{transform:scale(1.06);color:var(--orangeDark);border-color:var(--orange)}
.mk-single-favorite{position:static;width:auto;height:44px;border-radius:10px;padding:0 14px;display:inline-flex;gap:8px;margin:0 0 15px}
.mk-discovery-section{padding:40px 0}
.mk-discovery-section h2{font-size:clamp(1.45rem,2.5vw,2rem);letter-spacing:-.04em;margin:0 0 18px}
.mk-local-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mk-local-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px;text-decoration:none;position:relative}
.mk-local-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.mk-local-card strong{display:block;font-size:.92rem;line-height:1.3;margin:9px 3px 2px}
.mk-local-card span{display:block;color:var(--orangeDark);font-weight:850;margin:0 3px 4px}
.mk-product-nav{display:flex;justify-content:space-between;gap:15px;margin:32px 0;padding-top:22px;border-top:1px solid var(--border)}
.mk-product-nav a{text-decoration:none;font-weight:800}
.mk-product-nav a:hover{color:var(--orangeDark)}
.mk-new-badge{position:absolute;left:20px;top:20px;z-index:7;background:#2b2723;color:#fff;border-radius:99px;padding:5px 9px;font-size:.7rem;font-weight:900}
.mk-product-badge + .mk-new-badge{top:52px}
.mk-random-wrap{text-align:center;padding:18px 0 5px}
.mk-random-btn{cursor:pointer}
.mk-finder{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:25px;margin:20px 0 35px}
.mk-finder h2{margin-top:0}
.mk-finder-grid{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px}
.mk-finder select{width:100%;min-height:46px;border:1px solid var(--border);border-radius:10px;background:#fff;padding:0 12px}
.mk-finder button{border:0}
.mk-search-suggest{position:absolute;left:0;right:0;top:calc(100% + 7px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:none;z-index:100}
.mk-searchbar{position:relative}
.mk-search-suggest.is-open{display:block}
.mk-suggest-item{display:flex;gap:10px;align-items:center;padding:9px 11px;text-decoration:none;border-bottom:1px solid var(--border)}
.mk-suggest-item:last-child{border:0}
.mk-suggest-item:hover{background:var(--surface2)}
.mk-suggest-item img{width:42px;height:42px;object-fit:cover;border-radius:7px}
.mk-suggest-item small{display:block;color:var(--muted)}
.mk-empty-suggestions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}
.mk-empty-suggestions a{background:var(--surface2);padding:8px 12px;border-radius:99px;text-decoration:none;font-weight:750}
.mk-filter-note{font-size:.82rem;color:var(--muted);margin-top:7px}
.mk-discover-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
.mk-discover-chips a{padding:8px 12px;border:1px solid var(--border);border-radius:99px;text-decoration:none;background:var(--surface)}
@media(max-width:900px){.mk-local-products{grid-template-columns:repeat(2,1fr)}.mk-finder-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.mk-finder-grid{grid-template-columns:1fr}.mk-local-products{gap:10px}}


/* =========================================================
   TSHIRTKOMPANIET 1.5 — BREADCRUMBS + HEADER CART
   ========================================================= */
.mk-header-inner{grid-template-columns:auto minmax(260px,1fr) auto}
.mk-header-right{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.mk-header-tools{display:flex;align-items:center;gap:8px}
.mk-cart-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;background:var(--surface2);text-decoration:none;font-weight:800;white-space:nowrap}
.mk-cart-link:hover{background:var(--orangeSoft);color:var(--orangeDark)}
.mk-cart-link .mk-cart-icon{font-size:1.05rem}
.mk-cart-link .mk-cart-count-inline{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--orange);color:#fff;font-size:.72rem;font-weight:900}
.mk-breadcrumbs{padding:18px 0 0;color:var(--muted);font-size:.88rem}
.mk-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}
.mk-breadcrumbs li{display:flex;align-items:center;gap:7px}
.mk-breadcrumbs li:not(:last-child)::after{content:"›";color:#a79e95}
.mk-breadcrumbs a{text-decoration:none}
.mk-breadcrumbs a:hover{color:var(--orangeDark)}
.mk-breadcrumbs [aria-current="page"]{color:var(--text);font-weight:700}
@media(max-width:1050px){.mk-header-inner{grid-template-columns:auto 1fr auto}}
@media(max-width:620px){.mk-cart-label{display:none}.mk-cart-link{padding:0 10px}}


/* =========================================================
   TSHIRTKOMPANIET 1.6 — HEADER POSITION FIX
   ========================================================= */

/* Header: logo | flexible navigation/search | right-side controls */
.mk-header-inner{
  display:grid !important;
  grid-template-columns:max-content minmax(0,1fr) max-content !important;
  align-items:center !important;
  width:100%;
}

/* Larger text logo */
.mk-logo{
  font-size:clamp(1.75rem,2.3vw,2.35rem) !important;
  line-height:1 !important;
  letter-spacing:-.055em;
  white-space:nowrap;
}

/* Force customer controls/cart to far right regardless of earlier theme CSS */
.mk-header-right{
  grid-column:3 !important;
  justify-self:end !important;
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
}
.mk-header-tools{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  margin-left:auto !important;
}

/* Prevent old cart/action positioning rules from pulling cart left */
.mk-header-right .mk-cart-link,
.mk-header-right .mk-action{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  float:none !important;
}

/* Navigation/search stays in the middle area */
.mk-header-search,
.mk-nav{
  min-width:0;
}

@media(max-width:1050px){
  .mk-logo{font-size:1.85rem !important}
}
@media(max-width:720px){
  .mk-logo{font-size:1.55rem !important}
  .mk-header-tools{gap:5px}
}


/* =========================================================
   TSHIRTKOMPANIET 1.7 — HEADER SPACING / ALIGNMENT
   ========================================================= */

/* Keep header content aligned to the same site container as the rest of the page */
.mk-header .mk-container{
  width:min(var(--max),calc(100% - 40px)) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}

/* Logo should stay aligned with page content, not screen edge */
.mk-logo{
  justify-self:start !important;
  margin-left:0 !important;
}

/* Give the cart/right controls breathing room from the edge */
.mk-header-right{
  padding-right:14px !important;
}

/* Slightly more balanced desktop spacing */
.mk-header-inner{
  column-gap:26px !important;
}

@media(max-width:620px){
  .mk-header .mk-container{
    width:calc(100% - 24px) !important;
  }
  .mk-header-right{
    padding-right:6px !important;
  }
}


/* =========================================================
   TSHIRTKOMPANIET 1.9 — PRODUCT BREADCRUMBS + PRODUCT NUMBER
   ========================================================= */

/* Product breadcrumbs belong inside the product content, not above the whole page. */
.single-product .mk-product-breadcrumbs{
  margin:0 0 18px;
  padding:0;
  font-size:.88rem;
  color:var(--muted);
}
.single-product .mk-product-breadcrumbs ol{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  list-style:none;
  margin:0;
  padding:0;
}
.single-product .mk-product-breadcrumbs li{
  display:flex;
  align-items:center;
  gap:7px;
}
.single-product .mk-product-breadcrumbs li:not(:last-child)::after{
  content:"›";
  color:#a79e95;
}
.single-product .mk-product-breadcrumbs a{text-decoration:none}
.single-product .mk-product-breadcrumbs a:hover{color:var(--orangeDark)}
.single-product .mk-product-breadcrumbs [aria-current="page"]{
  color:var(--text);
  font-weight:700;
}

/* Product number blends into WooCommerce product meta (SKU/categories area). */
.single-product .product_meta .pvk-product-number-meta{
  display:block;
}

.mk-logo-image{display:flex!important;align-items:center;max-width:260px;text-decoration:none}
.mk-logo-image img{display:block;width:auto;height:92px;max-width:100%;object-fit:contain}
.mk-header-inner{min-height:104px}
@media(max-width:1050px){.mk-logo-image img{height:78px}.mk-logo-image{max-width:220px}}
@media(max-width:720px){.mk-logo-image img{height:62px}.mk-logo-image{max-width:170px}.mk-header-inner{min-height:82px}}


/* =========================================================
   TSHIRTKOMPANIET 2.1 — HOMEPAGE REDESIGN
   ========================================================= */

body.home{background:#f6f4f1}

/* top benefit bar */
.mk-topbar{background:#102a53;color:#fff}
.mk-topbar-inner{
  min-height:40px;
  justify-content:center;
  gap:42px;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase
}
.mk-topbar-benefit{display:flex;align-items:center;gap:7px}
.mk-topbar-benefit span:first-child{color:#f47a24}

/* main header */
.mk-header{
  background:#fff;
  border-bottom:1px solid #e7e1da;
  box-shadow:0 3px 14px rgba(27,38,53,.04)
}
.mk-header-inner{
  min-height:118px;
  grid-template-columns:290px minmax(320px,1fr) auto !important;
  gap:30px !important
}
.mk-logo-image{max-width:285px!important}
.mk-logo-image img{height:108px!important}

.mk-header-search{display:flex!important}
.mk-searchbar{
  max-width:520px;
  min-height:50px;
  background:#f7f7f7;
  border-color:#dedede;
  border-radius:13px
}
.mk-searchbar input{font-size:.95rem}
.mk-searchbar button{color:#102a53}

.mk-header-tools{gap:12px!important}
.mk-action,.mk-cart-link{
  background:#fff!important;
  border:1px solid #e4e4e4
}
.mk-action:hover,.mk-cart-link:hover{
  border-color:#e97521;
  color:#c95b1d
}

/* navigation row */
.mk-mainnav{
  background:#fff;
  border-bottom:1px solid #e6e2de
}
.mk-mainnav-inner{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  overflow-x:auto
}
.mk-mainnav a{
  white-space:nowrap;
  text-decoration:none;
  color:#102a53;
  font-size:.86rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.015em
}
.mk-mainnav a:hover{color:#e86f1e}

/* hero */
.mk-home-hero{
  background:#ebe8e4;
  overflow:hidden
}
.mk-home-hero-grid{
  min-height:480px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
  gap:35px
}
.mk-home-hero-copy{
  padding:52px 0 52px 28px;
  position:relative;
  z-index:2
}
.mk-home-hero h1{
  margin:0;
  font-size:clamp(2.7rem,5vw,5rem);
  line-height:.94;
  letter-spacing:-.055em;
  text-transform:uppercase;
  color:#102a53
}
.mk-home-hero h1 span{
  display:block;
  color:#ef721d
}
.mk-home-hero p{
  max-width:500px;
  margin:20px 0 0;
  color:#333;
  font-size:1.08rem
}
.mk-home-hero .mk-button{
  margin-top:25px;
  min-height:52px;
  padding:0 24px;
  border-radius:8px;
  text-transform:uppercase;
  letter-spacing:.025em
}

.mk-hero-products{
  height:100%;
  min-height:480px;
  display:flex;
  align-items:end;
  justify-content:center;
  gap:12px;
  padding:35px 10px 0;
  position:relative
}
.mk-hero-mug{
  width:30%;
  max-width:260px;
  display:flex;
  align-items:end;
  justify-content:center;
  transform-origin:bottom center
}
.mk-hero-mug:nth-child(1){transform:translateY(-10px) rotate(-3deg)}
.mk-hero-mug:nth-child(2){transform:translateY(-32px) scale(1.08)}
.mk-hero-mug:nth-child(3){transform:translateY(-4px) rotate(3deg)}
.mk-hero-mug img{
  width:100%;
  height:auto;
  max-height:390px;
  object-fit:contain;
  filter:drop-shadow(0 20px 24px rgba(0,0,0,.13))
}

/* trust strip */
.mk-home-trust{
  background:#fff;
  padding:18px 0
}
.mk-home-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border:1px solid #e8e4df;
  border-radius:12px;
  overflow:hidden
}
.mk-home-trust-item{
  min-height:82px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px 20px;
  border-right:1px solid #e8e4df
}
.mk-home-trust-item:last-child{border-right:0}
.mk-home-trust-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  color:#102a53;
  font-size:1.5rem
}
.mk-home-trust-item strong{
  display:block;
  color:#102a53;
  text-transform:uppercase;
  font-size:.83rem
}
.mk-home-trust-item small{
  display:block;
  color:#666;
  margin-top:2px;
  font-size:.76rem
}

/* categories */
.mk-home-categories{padding:32px 0 56px}
.mk-home-section-title{
  color:#102a53;
  font-size:1.5rem;
  text-transform:uppercase;
  letter-spacing:-.025em;
  margin:0 0 18px
}
.mk-home-category-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px
}
.mk-home-category-card{
  background:#fff;
  border:1px solid #e7e2dc;
  border-radius:8px;
  overflow:hidden;
  text-decoration:none;
  box-shadow:0 3px 13px rgba(0,0,0,.03);
  transition:.2s ease
}
.mk-home-category-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(25,31,40,.08)
}
.mk-home-category-img{
  aspect-ratio:1/1;
  background:#f0ede8;
  overflow:hidden
}
.mk-home-category-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.25s ease
}
.mk-home-category-card:hover img{transform:scale(1.035)}
.mk-home-category-body{
  padding:12px 10px 13px;
  text-align:center
}
.mk-home-category-body strong{
  display:block;
  color:#102a53;
  text-transform:uppercase;
  font-size:.82rem
}
.mk-home-category-body span{
  color:#666;
  font-size:.74rem
}

/* latest products */
.mk-home-products{
  background:#fff;
  padding:42px 0 64px
}

@media(max-width:1100px){
  .mk-header-inner{
    grid-template-columns:220px 1fr auto !important
  }
  .mk-logo-image img{height:90px!important}
  .mk-home-category-grid{grid-template-columns:repeat(3,1fr)}
  .mk-home-trust-grid{grid-template-columns:repeat(2,1fr)}
  .mk-home-trust-item:nth-child(2){border-right:0}
  .mk-home-trust-item:nth-child(-n+2){border-bottom:1px solid #e8e4df}
}
@media(max-width:820px){
  .mk-header-search{display:none!important}
  .mk-header-inner{grid-template-columns:1fr auto!important}
  .mk-home-hero-grid{grid-template-columns:1fr}
  .mk-home-hero-copy{padding:40px 12px 10px;text-align:center}
  .mk-home-hero p{margin-inline:auto}
  .mk-hero-products{min-height:330px;padding-top:0}
  .mk-mainnav-inner{justify-content:flex-start;padding:0 14px}
  .mk-home-category-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .mk-topbar-inner{gap:12px}
  .mk-topbar-benefit:nth-child(n+3){display:none}
  .mk-logo-image img{height:70px!important}
  .mk-home-trust-grid{grid-template-columns:1fr}
  .mk-home-trust-item{border-right:0!important;border-bottom:1px solid #e8e4df}
  .mk-home-trust-item:last-child{border-bottom:0}
  .mk-home-category-grid{grid-template-columns:repeat(2,1fr)}
  .mk-home-hero h1{font-size:2.7rem}
}


/* ===== 2.2 Utvalda t-shirts på startsidan ===== */
.mk-home-featured{
  padding:48px 0 58px;
  background:#f7f5f2;
  border-top:1px solid #ece7e1;
  border-bottom:1px solid #ece7e1
}
.mk-home-kicker{
  margin:0 0 5px;
  color:#ef721d;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em
}
.mk-home-featured .mk-home-section-title{margin-bottom:4px}
.mk-featured-product-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:22px
}
.mk-featured-product-card{
  min-width:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #e6e1db;
  border-radius:14px;
  box-shadow:0 5px 18px rgba(16,42,83,.055);
  transition:transform .2s ease,box-shadow .2s ease
}
.mk-featured-product-card:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 32px rgba(16,42,83,.10)
}
.mk-featured-product-image{
  display:block;
  aspect-ratio:1/1;
  padding:14px;
  background:#f2efeb;
  overflow:hidden
}
.mk-featured-product-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .25s ease
}
.mk-featured-product-card:hover .mk-featured-product-image img{transform:scale(1.035)}
.mk-featured-product-body{padding:16px 17px 18px}
.mk-featured-product-body h3{
  margin:0 0 10px;
  min-height:2.5em;
  font-size:1rem;
  line-height:1.25
}
.mk-featured-product-body h3 a{color:#102a53;text-decoration:none}
.mk-featured-product-price{
  min-height:28px;
  color:#102a53;
  font-size:1.08rem;
  font-weight:900
}
.mk-featured-product-price ins{text-decoration:none}
.mk-featured-product-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:12px;
  color:#e86f1e;
  text-decoration:none;
  font-size:.84rem;
  font-weight:850;
  text-transform:uppercase
}
.mk-featured-product-link:hover{color:#102a53}
@media(max-width:900px){
  .mk-featured-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .mk-home-featured{padding:36px 0 44px}
  .mk-featured-product-grid{gap:10px}
  .mk-featured-product-body{padding:12px}
  .mk-featured-product-body h3{font-size:.9rem}
  .mk-featured-product-image{padding:8px}
}


/* =========================================================
   V2.4 – recensioner + sortimentsräknare
   ========================================================= */
.mk-home-count-item strong{
  font-variant-numeric:tabular-nums
}
.mk-home-reviews{
  padding:52px 0 58px;
  background:#f6f3ef
}
.mk-home-reviews-head{
  margin-bottom:22px
}
.mk-home-reviews-head .mk-home-section-title{
  margin-bottom:0
}
.mk-review-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px
}
.mk-review-card{
  min-width:0;
  padding:22px;
  background:#fff;
  border:1px solid #e6e1db;
  border-radius:14px;
  box-shadow:0 5px 18px rgba(16,42,83,.05)
}
.mk-review-stars{
  display:flex;
  gap:2px;
  margin-bottom:13px;
  color:#e86f1e;
  font-size:1.05rem;
  letter-spacing:.03em
}
.mk-review-stars .is-empty{
  color:#d9d6d2
}
.mk-review-card blockquote{
  margin:0;
  color:#263750;
  font-size:.98rem;
  line-height:1.65
}
.mk-review-author{
  margin-top:17px;
  padding-top:14px;
  border-top:1px solid #ece8e3;
  color:#102a53;
  font-size:.9rem;
  font-weight:850
}
@media(max-width:900px){
  .mk-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .mk-home-reviews{padding:38px 0 42px}
  .mk-review-grid{grid-template-columns:1fr}
  .mk-review-card{padding:18px}
}


/* =========================================================
   V2.4.2 – recensioner: riktiga horisontella kort
   ========================================================= */
.mk-home-reviews{
  padding:58px 0 64px;
  background:#f7f4f0;
  border-top:1px solid rgba(16,42,83,.05);
  border-bottom:1px solid rgba(16,42,83,.05);
}
.mk-home-reviews .mk-container{
  width:min(1180px, calc(100% - 40px));
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}
.mk-home-reviews-head{
  text-align:center;
  max-width:720px;
  margin:0 auto 30px;
}
.mk-home-reviews-head .mk-home-kicker{
  margin-bottom:7px;
}
.mk-home-reviews-head .mk-home-section-title{
  margin:0;
}
.mk-home-reviews .mk-review-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:18px !important;
  align-items:stretch;
  width:100%;
}
.mk-home-reviews .mk-review-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:220px;
  margin:0 !important;
  padding:24px 22px 20px;
  background:#fff;
  border:1px solid #e6e1db;
  border-radius:14px;
  box-shadow:0 6px 20px rgba(16,42,83,.055);
}
.mk-home-reviews .mk-review-stars{
  display:flex;
  flex-wrap:nowrap;
  gap:2px;
  margin:0 0 16px !important;
  color:#e86f1e;
  font-size:1.08rem;
  line-height:1;
  letter-spacing:0;
}
.mk-home-reviews .mk-review-stars .is-empty{
  color:#d9d6d2;
}
.mk-home-reviews .mk-review-card blockquote{
  display:block;
  flex:1 1 auto;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#263750;
  font-size:.98rem;
  font-style:normal;
  font-weight:500;
  line-height:1.62;
  quotes:none;
}
.mk-home-reviews .mk-review-card blockquote::before,
.mk-home-reviews .mk-review-card blockquote::after{
  content:none !important;
}
.mk-home-reviews .mk-review-author{
  margin:20px 0 0 !important;
  padding:15px 0 0 !important;
  border-top:1px solid #ece8e3;
  color:#102a53;
  font-size:.92rem;
  font-weight:850;
  line-height:1.3;
}
@media (max-width: 900px){
  .mk-home-reviews .mk-review-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px){
  .mk-home-reviews{
    padding:42px 0 46px;
  }
  .mk-home-reviews .mk-container{
    width:min(100% - 28px, 1180px);
  }
  .mk-home-reviews .mk-review-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .mk-home-reviews .mk-review-card{
    min-height:0;
    padding:20px;
  }
}


/* =========================================================
   V2.6 – kategori-dropdown + underkategorikort
   ========================================================= */

/* Desktop dropdown */
@media (min-width: 901px){
  .site-header .menu,
  .site-header .menu > li,
  .main-navigation .menu,
  .main-navigation .menu > li{
    overflow:visible;
  }
  .main-navigation .menu > li,
  .site-header .menu > li{
    position:relative;
  }
  .main-navigation .sub-menu,
  .site-header .sub-menu{
    position:absolute;
    z-index:9999;
    top:calc(100% + 8px);
    left:0;
    display:none;
    min-width:245px;
    max-width:320px;
    margin:0;
    padding:9px;
    list-style:none;
    background:#fff;
    border:1px solid #e8e2dc;
    border-radius:12px;
    box-shadow:0 14px 36px rgba(16,42,83,.14);
  }
  .main-navigation li:hover > .sub-menu,
  .main-navigation li:focus-within > .sub-menu,
  .site-header .menu li:hover > .sub-menu,
  .site-header .menu li:focus-within > .sub-menu{
    display:block;
  }
  .main-navigation .sub-menu li,
  .site-header .sub-menu li{
    display:block;
    width:100%;
    margin:0;
  }
  .main-navigation .sub-menu a,
  .site-header .sub-menu a{
    display:block;
    width:100%;
    padding:10px 12px;
    border-radius:8px;
    color:#102a53;
    font-size:.93rem;
    font-weight:700;
    line-height:1.25;
    text-decoration:none;
    white-space:normal;
  }
  .main-navigation .sub-menu a:hover,
  .main-navigation .sub-menu a:focus,
  .site-header .sub-menu a:hover,
  .site-header .sub-menu a:focus{
    background:#f7f4f0;
    color:#e86f1e;
  }
  .mk-submenu-toggle{
    display:none !important;
  }
}

/* Mobil: huvudlänk + separat utfällningsknapp */
.mk-submenu-toggle{
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
}
@media (max-width: 900px){
  .main-navigation .menu-item-has-children,
  .site-header .menu .menu-item-has-children{
    position:relative;
  }
  .main-navigation .menu-item-has-children > a,
  .site-header .menu .menu-item-has-children > a{
    padding-right:52px;
  }
  .mk-submenu-toggle{
    position:absolute;
    z-index:3;
    top:2px;
    right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    padding:0;
    font-size:1.25rem;
  }
  .mk-submenu-toggle span{
    display:block;
    transition:transform .18s ease;
  }
  .menu-item-has-children.mk-submenu-open > .mk-submenu-toggle span{
    transform:rotate(180deg);
  }
  .main-navigation .sub-menu,
  .site-header .sub-menu{
    display:none;
    position:static;
    width:100%;
    margin:2px 0 8px;
    padding:5px 0 5px 14px;
    list-style:none;
    background:transparent;
    box-shadow:none;
  }
  .main-navigation .mk-submenu-open > .sub-menu,
  .site-header .menu .mk-submenu-open > .sub-menu{
    display:block;
  }
  .main-navigation .sub-menu a,
  .site-header .sub-menu a{
    display:block;
    padding:9px 12px;
    font-size:.92rem;
    font-weight:650;
  }
}

/* Underkategorier på kategoriarkiv */
.mk-cat-children{
  clear:both;
  margin:4px 0 34px;
  padding:0;
}
.mk-cat-children > h2{
  margin:0 0 18px;
  color:#102a53;
  font-size:clamp(1.25rem,2vw,1.7rem);
  line-height:1.2;
}
.mk-cat-children-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.mk-cat-child-card{
  display:flex;
  align-items:center;
  min-width:0;
  min-height:92px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e7e1db;
  border-radius:13px;
  color:#102a53;
  text-decoration:none !important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.mk-cat-child-image{
  display:flex;
  flex:0 0 88px;
  align-items:center;
  justify-content:center;
  align-self:stretch;
  overflow:hidden;
  background:#f5f1ec;
}
.mk-cat-child-image img{
  width:100%;
  height:100%;
  min-height:92px;
  object-fit:cover;
}
.mk-cat-child-placeholder{
  font-size:1.65rem;
}
.mk-cat-child-content{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:4px;
  padding:14px;
}
.mk-cat-child-content strong{
  overflow-wrap:anywhere;
  font-size:.96rem;
  line-height:1.25;
}
.mk-cat-child-content small{
  color:#6c7684;
  font-size:.8rem;
}
@media (hover:hover) and (pointer:fine){
  .mk-cat-child-card:hover{
    transform:translateY(-2px);
    border-color:#d8cfc6;
    box-shadow:0 8px 22px rgba(16,42,83,.08);
    color:#e86f1e;
  }
}
@media (max-width: 900px){
  .mk-cat-children-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 520px){
  .mk-cat-children-grid{grid-template-columns:1fr}
  .mk-cat-child-card{min-height:78px}
  .mk-cat-child-image{flex-basis:78px}
  .mk-cat-child-image img{min-height:78px}
}


/* =========================================================
   V2.6.1 – dropdown för temats faktiska .mk-mainnav
   ========================================================= */
.mk-mainnav-inner{
  overflow:visible !important;
}
.mk-mainnav-item{
  position:relative;
  display:flex;
  align-items:stretch;
  min-width:0;
}
.mk-mainnav-link{
  display:flex;
  align-items:center;
  height:100%;
}
.mk-mainnav-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  min-width:28px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
}
.mk-mainnav-toggle span{
  transition:transform .18s ease;
}
.mk-mainnav-dropdown{
  position:absolute;
  z-index:10000;
  top:100%;
  left:0;
  display:none;
  width:270px;
  max-height:440px;
  overflow-y:auto;
  padding:9px;
  background:#fff;
  border:1px solid #e8e2dc;
  border-radius:0 0 12px 12px;
  box-shadow:0 16px 34px rgba(16,42,83,.15);
}
.mk-mainnav-dropdown a{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  padding:10px 11px !important;
  border-radius:8px;
  color:#102a53 !important;
  font-size:.91rem;
  font-weight:700;
  line-height:1.25;
  text-decoration:none;
  white-space:normal;
}
.mk-mainnav-dropdown a small{
  flex:0 0 auto;
  color:#8a919b;
  font-size:.74rem;
  font-weight:650;
}
@media (min-width:901px){
  .mk-mainnav-item.has-children:hover > .mk-mainnav-dropdown,
  .mk-mainnav-item.has-children:focus-within > .mk-mainnav-dropdown,
  .mk-mainnav-item.has-children.is-open > .mk-mainnav-dropdown{
    display:block;
  }
  .mk-mainnav-dropdown a:hover,
  .mk-mainnav-dropdown a:focus{
    background:#f7f4f0;
    color:#e86f1e !important;
  }
}
@media (max-width:900px){
  .mk-mainnav-inner{
    overflow-x:auto !important;
    overflow-y:visible !important;
  }
  .mk-mainnav-item{
    flex:0 0 auto;
  }
  .mk-mainnav-dropdown{
    position:fixed;
    top:auto;
    left:14px;
    right:14px;
    width:auto;
    max-height:55%;
    border-radius:12px;
  }
  .mk-mainnav-item.is-open > .mk-mainnav-dropdown{
    display:block;
  }
  .mk-mainnav-item.is-open > .mk-mainnav-toggle span{
    transform:rotate(180deg);
  }
}


/* =========================================================
   V2.6.3 – "Alla T-shirts" som kategorikatalog
   ========================================================= */
.mk-cat-directory{
  clear:both;
  margin:6px 0 38px;
}
.mk-cat-directory-head{
  margin:0 0 24px;
}
.mk-cat-directory-head h2{
  margin:0 0 6px;
  color:#102a53;
  font-size:clamp(1.35rem,2.2vw,1.9rem);
}
.mk-cat-directory-head p{
  margin:0;
  color:#697586;
}
.mk-cat-directory-group{
  margin:0 0 34px;
  padding:0 0 30px;
  border-bottom:1px solid #e8e2dc;
}
.mk-cat-directory-group:last-child{
  border-bottom:0;
}
.mk-cat-directory-group-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 14px;
}
.mk-cat-directory-group-head h3{
  margin:0;
  font-size:1.2rem;
}
.mk-cat-directory-group-head h3 a{
  color:#102a53;
  text-decoration:none;
}
.mk-cat-directory-group-head h3 a:hover{
  color:#e86f1e;
}
.mk-cat-directory-all,
.mk-cat-directory-direct a{
  color:#e86f1e;
  font-size:.88rem;
  font-weight:750;
  text-decoration:none;
}
.mk-cat-directory-direct{
  padding:14px 0 0;
}
@media (max-width:560px){
  .mk-cat-directory-group-head{
    align-items:flex-start;
  }
  .mk-cat-directory-all{
    white-space:nowrap;
  }
}


/* =========================================================
   V2.6.4 – brödsmulor under header/navigation
   =========================================================
   WooCommerce-breadcrumben kunde visuellt hamna ovanför header/logotyp
   p.g.a. äldre positioneringsregler. Återställ den till normalt
   dokumentflöde och ge den ett lugnt avstånd under huvudmenyn.
*/
.woocommerce-breadcrumb,
nav.woocommerce-breadcrumb{
  position:relative !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  z-index:1 !important;
  float:none !important;
  clear:both !important;
  width:auto !important;
  margin:18px auto 12px !important;
  padding-left:var(--mk-gutter, 20px) !important;
  padding-right:var(--mk-gutter, 20px) !important;
  transform:none !important;
}
@media (max-width:700px){
  .woocommerce-breadcrumb,
  nav.woocommerce-breadcrumb{
    margin-top:12px !important;
    margin-bottom:10px !important;
  }
}


/* V2.6.5 – breadcrumbens slutliga placering */
.mk-breadcrumb-after-header{
  width:100%;
  background:#f7f4f0;
  border-top:1px solid #ebe5df;
  border-bottom:1px solid #ebe5df;
}
.mk-breadcrumb-after-header .woocommerce-breadcrumb{
  max-width:1340px;
  margin:0 auto !important;
  padding:10px 20px !important;
  position:static !important;
  transform:none !important;
  float:none !important;
  font-size:.78rem;
  line-height:1.4;
}


/* =========================================================
   V2.7 – produktdelning
   ========================================================= */
.mk-product-share{
  position:relative;
  display:inline-block;
  margin:12px 0 4px 10px;
  vertical-align:top;
}
.mk-share-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  padding:9px 15px;
  border:1px solid #d9dfe7;
  border-radius:10px;
  background:#fff;
  color:#102a53;
  font:inherit;
  font-size:.9rem;
  font-weight:750;
  cursor:pointer;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.mk-share-trigger:hover{
  border-color:#bcc7d4;
  box-shadow:0 5px 15px rgba(16,42,83,.08);
  transform:translateY(-1px);
}
.mk-share-trigger-icon{font-size:1.1rem}
.mk-share-panel{
  position:absolute;
  z-index:10020;
  right:0;
  top:calc(100% + 9px);
  width:min(360px,calc(100vw - 30px));
  padding:16px;
  border:1px solid #e4ded8;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 45px rgba(16,42,83,.18);
}
.mk-share-panel[hidden]{display:none!important}
.mk-share-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:13px;
  color:#102a53;
}
.mk-share-close{
  width:32px;height:32px;padding:0;
  border:0;border-radius:50%;
  background:#f4f1ee;color:#102a53;
  font-size:1.25rem;line-height:1;cursor:pointer;
}
.mk-share-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.mk-share-option{
  display:flex;
  min-width:0;
  min-height:72px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:9px 5px;
  border:1px solid #e4e7eb;
  border-radius:10px;
  background:#fff;
  color:#26384d;
  font:inherit;
  font-size:.72rem;
  font-weight:700;
  cursor:pointer;
}
.mk-share-option:hover{background:#f8f6f3;border-color:#cfd6de}
.mk-share-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;height:30px;
  border-radius:50%;
  background:#102a53;
  color:#fff;
  font-size:1rem;
  font-weight:850;
}
.mk-share-copy{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #d9dfe7;
  border-radius:10px;
  background:#f8f6f3;
  color:#102a53;
  font:inherit;
  font-size:.84rem;
  font-weight:750;
  cursor:pointer;
}
.mk-share-note{
  margin:10px 0 0;
  color:#687586;
  font-size:.76rem;
  line-height:1.4;
}
@media(max-width:600px){
  .mk-product-share{margin-left:6px}
  .mk-share-panel{
    position:fixed;
    left:12px;right:12px;bottom:14px;top:auto;
    width:auto;
  }
}


/* V2.7.1 – Dela ska ligga direkt bredvid Spara */
.mk-product-share{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.mk-save-share-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 4px;
}
.mk-save-share-row .mk-product-share{
  margin-left:0 !important;
}


/* V2.7.2 – Dela hålls i produktens högerspalt */
.mk-save-share-row{display:contents !important}
.single-product .summary > .mk-product-share.mk-share-placed,
.single-product .entry-summary > .mk-product-share.mk-share-placed{
  display:inline-block;
  margin:12px 0 4px 8px !important;
  vertical-align:top;
}


/* V2.7.3 – linjera Spara och Dela exakt */
.single-product .summary .mk-product-share.mk-share-placed,
.single-product .entry-summary .mk-product-share.mk-share-placed{
  margin-top:0 !important;
  margin-bottom:0 !important;
  margin-left:8px !important;
  vertical-align:middle !important;
  transform:translateY(-1px);
}
.single-product .mk-share-trigger{
  height:44px !important;
  min-height:44px !important;
  box-sizing:border-box !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}


/* =========================================================
   V2.8 – Dela som tydlig sekundär CTA
   Köp förblir primär. Dela framhävs. Spara förblir diskret.
   ========================================================= */
.single-product .summary .mk-product-share.mk-share-placed,
.single-product .entry-summary .mk-product-share.mk-share-placed{
  position:relative;
  margin-left:10px !important;
}
.single-product .mk-share-trigger{
  min-width:190px;
  height:44px !important;
  padding:0 18px !important;
  border:1px solid #e86f1e !important;
  background:#e86f1e !important;
  color:#fff !important;
  border-radius:10px;
  box-shadow:0 5px 14px rgba(232,111,30,.16);
  font-weight:800;
}
.single-product .mk-share-trigger:hover,
.single-product .mk-share-trigger:focus-visible{
  background:#d96115 !important;
  border-color:#d96115 !important;
  color:#fff !important;
  box-shadow:0 7px 18px rgba(232,111,30,.24);
  transform:translateY(-1px);
}
.single-product .mk-share-trigger-icon{
  font-size:1.08rem;
  font-weight:900;
}
.mk-share-microcopy{
  display:block;
  position:absolute;
  top:calc(100% + 5px);
  left:0;
  width:230px;
  color:#697586;
  font-size:.72rem;
  font-weight:600;
  line-height:1.25;
  pointer-events:none;
}
.single-product .mk-product-share.mk-share-placed{
  margin-bottom:28px !important;
}

/* När panelen är öppen ska den ligga över resten utan att flytta sidan. */
.single-product .mk-share-panel{
  top:calc(100% + 28px);
}

/* Spara ska fortsatt se ut som det diskretare tredjevalet. */
.single-product .summary button:is([aria-label*="Spara"],[title*="Spara"]),
.single-product .entry-summary button:is([aria-label*="Spara"],[title*="Spara"]){
  box-shadow:none;
}

@media(max-width:600px){
  .single-product .mk-share-trigger{
    min-width:0;
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .mk-share-microcopy{
    display:none;
  }
  .single-product .mk-product-share.mk-share-placed{
    margin-bottom:0 !important;
  }
}

/* Tshirtkompaniet Designstudio launch link */
.mk-mainnav .mk-designstudio-nav{flex:0 0 auto;padding:0 12px;border-radius:12px;background:#fff0e5;border:1px solid #f5d3bf;min-height:37px;align-items:center}
.mk-mainnav .mk-designstudio-nav a{color:#a14315;font-weight:900;font-size:.88rem;letter-spacing:0;text-transform:none}
.mk-mainnav .mk-designstudio-nav a:hover{color:#c65a22}
@media(max-width:1100px){.mk-mainnav-inner{justify-content:flex-start}}

/* =========================================================
   Tshirtkompaniet Designstudio – kampanjstart, 2026-10-17
   Fyra isolerade ytor: topprad, huvudmeny, hemhero, tre steg.
   ========================================================= */

/* 1: permanent kampanjremsa, ovanför den klistrade butiksmenyn */
.mkds-promo-bar {
  position: relative;
  z-index: 15;
  overflow: hidden;
  background: linear-gradient(112deg,#b84b17 0%,#d56624 45%,#ee8839 100%);
  color: #fff;
}
.mkds-promo-bar::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .17;
  background: radial-gradient(ellipse at 75% 0%,#fff 0%,transparent 62%);
}
.mkds-promo-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 54px;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #fff;
  text-decoration: none;
  position: relative;
}
.mkds-promo-tag {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  border-radius: 5px;
  padding: 5px 9px;
  background: #fff;
  color: #ad4818;
  font-size: .65rem;
  font-weight: 950;
  letter-spacing: .09em;
}
.mkds-promo-text {
  color: #fff;
  font-size: .92rem;
  font-weight: 550;
  line-height: 1.45;
}
.mkds-promo-text strong {font-weight: 900;letter-spacing: -.012em}
.mkds-promo-go {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 8px;
  padding: 6px 13px;
  font-size: .7rem;
  font-weight: 900;
  white-space: nowrap;
  letter-spacing: .045em;
  background: rgba(255,255,255,.13);
  transition: background .17s ease,transform .17s ease;
}
.mkds-promo-inner:hover .mkds-promo-go {background: #fff;color: #a54616;transform: translateX(2px)}
.mkds-promo-inner:focus-visible {outline: 3px solid #fff;outline-offset: -3px}

/* 4: redan existerande menylänk, nu med egen CTA-form och nyhetsmarkering */
.mk-mainnav .mk-designstudio-nav {
  flex: 0 0 auto;
  min-height: 41px;
  padding: 0;
  align-items: center;
  border: 1px solid #edc4a3;
  border-radius: 11px;
  background: linear-gradient(100deg,#fff3e9,#ffead7);
  box-shadow: 0 3px 10px rgba(143,74,24,.07);
}
.mk-mainnav .mk-designstudio-nav .mk-mainnav-link {
  display: inline-flex;
  height: 41px;
  align-items: center;
  gap: 8px;
  padding: 0 10px 0 13px;
  color: #8a3a13;
  font-size: .81rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
  border-radius: 11px;
}
.mk-mainnav .mk-designstudio-nav:hover {background: #ffe0c6;border-color: #e8a678}
.mk-mainnav .mk-designstudio-nav .mk-mainnav-link:focus-visible {outline: 3px solid #f1a05e;outline-offset: 3px}
.mkds-nav-icon {font-size: 1rem;line-height: 1}
.mkds-nav-new {
  display: inline-block;
  padding: 4px 5px;
  border-radius: 4px;
  color: #fff;
  background: #c65a22;
  font-size: .57rem;
  font-weight: 950;
  letter-spacing: .035em;
  line-height: 1;
}

/* 2: stor designstudio-kampanj direkt efter vanliga huvudheron */
.mkds-home-feature {
  padding: 42px 0 20px;
  background: #f6f4f1;
}
.mkds-feature-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0,1.02fr) minmax(0,.98fr);
  align-items: center;
  min-height: 448px;
  border: 1px solid rgba(247,225,201,.16);
  border-radius: 26px;
  background: radial-gradient(ellipse at 89% 47%,#32526b 0%,transparent 43%),linear-gradient(115deg,#0b2340 0%,#142e4c 56%,#163a53 100%);
  box-shadow: 0 22px 60px rgba(14,39,65,.13);
}
.mkds-feature-card::before {
  content: '';
  position: absolute;
  top: -138px;
  right: -95px;
  width: 480px;
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  box-shadow: 0 0 0 77px rgba(255,255,255,.023),0 0 0 160px rgba(255,255,255,.017);
  pointer-events: none;
}
.mkds-feature-copy {
  position: relative;
  z-index: 2;
  padding: 54px 8px 56px clamp(26px,5vw,68px);
  color: #fff;
}
.mkds-feature-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255,191,141,.34);
  background: rgba(238,130,57,.1);
  color: #ffc092;
  padding: 8px 13px;
  border-radius: 999px;
  font-size: .69rem;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1.3;
}
.mkds-feature-copy h2 {
  margin: 20px 0 0;
  color: #fff;
  font-size: clamp(2.75rem,4.65vw,4.9rem);
  font-weight: 950;
  line-height: .98;
  letter-spacing: -.057em;
}
.mkds-feature-copy h2 span {color: #ff9a53}
.mkds-feature-lead {
  margin: 19px 0 0;
  color: #fff;
  font-size: clamp(1.08rem,1.55vw,1.27rem);
  font-weight: 850;
}
.mkds-feature-text {
  max-width: 475px;
  margin: 8px 0 0;
  color: #d6e1eb;
  font-size: .95rem;
  line-height: 1.72;
}
.mkds-feature-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 16px;
  margin-top: 21px;
}
.mkds-feature-facts > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #f1f7fa;
  font-size: .76rem;
  font-weight: 700;
}
.mkds-feature-facts > span > span {color: #ffae69;font-size: 1rem;font-weight: 900}
.mkds-feature-actions {display: flex;align-items: center;flex-wrap: wrap;gap: 18px;margin-top: 26px}
.mkds-feature-button, .mkds-how-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 52px;
  padding: 0 23px;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(105deg,#dc631e,#f28132);
  box-shadow: 0 7px 18px rgba(127,43,10,.23);
  text-decoration: none;
  font-size: .83rem;
  font-weight: 950;
  letter-spacing: .02em;
  transition: transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.mkds-feature-button:hover, .mkds-how-button:hover {
  color: #fff;
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 11px 26px rgba(127,43,10,.25);
}
.mkds-feature-button:focus-visible,.mkds-how-button:focus-visible {outline: 3px solid #ffc193;outline-offset: 3px}
.mkds-feature-secondary {
  color: #f4ddcb;
  font-size: .89rem;
  font-weight: 750;
  text-decoration: none;
  border-bottom: 1px solid rgba(244,221,203,.5);
}
.mkds-feature-secondary:hover {color: #fff;border-bottom-color: #fff}
.mkds-feature-visual {
  position: relative;
  display: grid;
  align-items: center;
  justify-items: center;
  min-width: 0;
  min-height: 410px;
  padding: 8px 6px 0 0;
}
.mkds-feature-visual img {
  display: block;
  position: relative;
  z-index: 1;
  width: min(100%,595px);
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 12px 20px rgba(0,0,0,.13));
  animation: mkds-cups-float 7s ease-in-out infinite;
}
@keyframes mkds-cups-float {0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.mkds-visual-tag {
  position: absolute;
  z-index: 2;
  padding: 10px 14px;
  border-radius: 9px;
  background: #fff;
  color: #1d3754;
  box-shadow: 0 7px 25px rgba(8,27,49,.18);
  font-size: .75rem;
  font-weight: 900;
  white-space: nowrap;
  transform: rotate(-5deg);
}
.mkds-visual-tag-one {top: 16%;left: 2%;transform:rotate(-7deg)}
.mkds-visual-tag-two {bottom: 15%;right: 4%;transform:rotate(5deg);color:#a64c19}

/* 3: redaktionell steg-för-steg-sektion */
.mkds-home-how {
  padding: 66px 0 70px;
  background: #fff;
  border-top: 1px solid #f0e9e1;
}
.mkds-how-heading {max-width: 780px;margin: 0 auto 32px;text-align: center}
.mkds-how-kicker {display:block;color:#bd5c1e;font-size:.76rem;font-weight:950;letter-spacing:.11em}
.mkds-how-heading h2 {
  margin: 11px 0 9px;
  color: #102a53;
  font-size: clamp(1.9rem,3.2vw,2.9rem);
  letter-spacing: -.042em;
  line-height: 1.16;
}
.mkds-how-heading h2 span {color:#dc6b2a}
.mkds-how-heading p {margin:0;color:#615e5a;font-size:.96rem;line-height:1.66}
.mkds-how-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mkds-how-card {
  position: relative;
  min-width: 0;
  padding: 27px 27px 30px;
  border: 1px solid #eee2d8;
  border-radius: 17px;
  background: linear-gradient(145deg,#fffefd 0%,#fbf7f2 100%);
  box-shadow: 0 8px 21px rgba(45,28,13,.045);
}
.mkds-how-card:nth-child(2){background:linear-gradient(145deg,#fffdf9,#fff1e4);border-color:#efd7c0}
.mkds-how-number {
  position: absolute;
  top: 24px;
  right: 27px;
  font-size: 1.8rem;
  font-weight: 950;
  letter-spacing: -.065em;
  color: #ead6c5;
}
.mkds-how-icon {
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  border-radius: 16px;
  margin-bottom: 21px;
  background: #fff0df;
  font-size: 2rem;
  box-shadow: inset 0 0 0 1px rgba(220,130,69,.13);
}
.mkds-how-card:nth-child(2) .mkds-how-icon {background:#fff}
.mkds-how-card h3 {margin: 0 0 8px;color:#132b4b;font-size:1.19rem;font-weight:900;letter-spacing:-.025em}
.mkds-how-card p {margin:0;max-width:350px;color:#625e5a;font-size:.91rem;line-height:1.7}
.mkds-how-footer {display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:30px;text-align:center}
.mkds-how-button {min-height:55px;background:linear-gradient(105deg,#c85719,#eb7629)}
.mkds-how-footer p {margin:0;color:#71685f;font-size:.83rem}

@media (max-width:1080px) {
  .mkds-feature-card {grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
  .mkds-feature-copy {padding-left:37px}
  .mkds-feature-copy h2 {font-size:clamp(2.8rem,4.7vw,4.05rem)}
  .mkds-feature-visual {min-height:340px}
  .mkds-feature-actions {gap:14px}
  .mkds-visual-tag {font-size:.68rem}
}
@media (max-width:760px) {
  .mkds-promo-inner{gap:10px;justify-content:space-between;min-height:51px}
  .mkds-promo-text {font-size:.8rem}
  .mkds-promo-text > span {display:none}
  .mkds-promo-go {font-size:.66rem;padding:7px 10px}
  .mkds-home-feature {padding:23px 0 12px}
  .mkds-feature-card {grid-template-columns:1fr;border-radius:20px}
  .mkds-feature-copy {padding:32px 30px 0;text-align:center}
  .mkds-feature-eyebrow {font-size:.64rem}
  .mkds-feature-copy h2 {font-size:clamp(2.8rem,8.8vw,4.15rem)}
  .mkds-feature-text {max-width:540px;margin-inline:auto}
  .mkds-feature-facts,.mkds-feature-actions {justify-content:center}
  .mkds-feature-visual {min-height:260px;max-height:390px;padding:0 18px 6px}
  .mkds-feature-visual img {max-width:500px}
  .mkds-visual-tag-one {top:9%;left:6%}
  .mkds-visual-tag-two {right:6%;bottom:8%}
  .mkds-home-how {padding:46px 0 54px}
  .mkds-how-grid {grid-template-columns:1fr;gap:12px}
  .mkds-how-card {padding:19px 22px;display:grid;grid-template-columns:67px minmax(0,1fr);gap:0 15px;align-items:center}
  .mkds-how-icon {grid-column:1;grid-row:1/3;width:56px;height:56px;margin:0;font-size:1.65rem}
  .mkds-how-card h3 {grid-column:2;grid-row:1;margin:0 35px 0 0}
  .mkds-how-card p {grid-column:2;grid-row:2;font-size:.86rem;max-width:none}
  .mkds-how-number {right:18px;top:12px;font-size:1.2rem}
}
@media (max-width:430px) {
  .mkds-promo-inner{gap:8px;padding-inline:9px}
  .mkds-promo-tag{font-size:.57rem;padding:4px 6px}
  .mkds-promo-text{font-size:.73rem}
  .mkds-promo-go{font-size:.59rem;letter-spacing:0;gap:5px;padding:6px}
  .mkds-feature-copy {padding:29px 17px 0}
  .mkds-feature-eyebrow {letter-spacing:.035em;font-size:.58rem}
  .mkds-feature-copy h2{font-size:2.85rem}
  .mkds-feature-lead{font-size:1.07rem}
  .mkds-feature-text{font-size:.87rem}
  .mkds-feature-facts {gap:8px 11px}
  .mkds-feature-facts > span {font-size:.7rem}
  .mkds-feature-actions{gap:15px}
  .mkds-feature-button{min-height:49px;padding:0 18px}
  .mkds-feature-visual{min-height:214px;padding-inline:5px}
  .mkds-visual-tag{font-size:.57rem;padding:6px 9px}
  .mkds-visual-tag-one{top:11%;left:2%}
  .mkds-visual-tag-two{right:1%;bottom:11%}
  .mkds-how-heading {margin-bottom:22px}
  .mkds-how-card {gap:0 11px;padding:19px 14px}
  .mkds-how-card h3{font-size:1.04rem}
  .mkds-how-card p{font-size:.81rem}
  .mkds-how-number{top:12px;right:13px}
}
@media (prefers-reduced-motion:reduce) {
  .mkds-feature-visual img {animation:none}
  .mkds-feature-button,.mkds-how-button,.mkds-promo-go {transition:none}
}

/* Designstudio – ensure anchored how-it-works heading stays below the sticky header. */
#sa-funkar-designstudion {scroll-margin-top: 145px}
@media(max-width:390px) {
  .mkds-promo-tag {display:none}
  .mkds-promo-inner {justify-content:space-between}
  .mkds-promo-text {font-size:.7rem}
}
/* Slightly tighter desktop navigation so the Designstudio badge fits alongside categories. */
@media(min-width:1100px) {
  .mk-mainnav .mk-mainnav-inner {gap:23px}
}

/* Tshirtkompaniet: adapt apparel storefront logo */
.mk-logo-image img{max-height:88px!important;object-fit:contain}