:root{
  --green:#83BC00;
  --green-700:#6B9800;
  --green-100:#eef6df;
  --green-text:#5B8300;
  --green-050:#f6faef;
  --ink:#010405;
  --ink-2:#151918;
  --text:#1c211f;
  --muted:#66706b;
  --soft:#f4f6f3;
  --soft-2:#e9ede7;
  --line:#dfe4dc;
  --white:#fff;
  --shadow-sm:0 10px 30px rgba(1,4,5,.07);
  --shadow-lg:0 28px 80px rgba(1,4,5,.13);
  --radius-sm:14px;
  --radius:24px;
  --radius-lg:34px;
  --shell:1400px;
  --font-head:'Antonio','Arial Narrow',Impact,sans-serif;
  --font-body:'Roboto',Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}

/* v1.21 Accessibility baseline */
.skip-link{position:fixed;left:18px;top:12px;z-index:9999;transform:translateY(-180%);background:var(--ink);color:#fff;border:3px solid #fff;border-radius:10px;padding:10px 14px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #456d00;outline-offset:3px}
:where(.btn-primary,.primary-button,.checkout-submit,.header-designer-cta,.header-cart-link,.mobile-app-nav a):focus-visible{outline-color:#fff;box-shadow:0 0 0 6px #456d00}
.site-search-result-summary{font-size:13px;font-weight:800;color:var(--muted);margin:0 2px 8px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.hero-designer-card,.floating-tool,.floating-swatch{transform:none!important}}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);font-family:var(--font-body);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
svg.ui-icon{width:1.35em;height:1.35em;flex:0 0 auto}
.site-shell{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green-text);font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.eyebrow.light{color:#a9d33d}
.muted{color:var(--muted)}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;letter-spacing:-.025em;color:var(--ink);margin-top:0}
p{margin-top:0}

/* Admin preview */
.admin-previewbar{min-height:42px;padding:8px 28px;background:#1c211f;color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px;position:relative;z-index:90}.admin-previewbar>div{display:flex;gap:10px;align-items:center}.admin-previewbar a{color:#fff;text-decoration:underline;text-underline-offset:3px}.admin-previewbar span{color:#b8c0bc}

/* Header */
.site-topline{background:var(--ink);color:#dfe4dc;height:36px;font-size:13px}
.site-topline-inner{height:100%;width:min(calc(100% - 64px),var(--shell));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.topline-benefits,.topline-contacts{display:flex;align-items:center;gap:18px}.topline-benefits i{width:4px;height:4px;border-radius:50%;background:var(--green)}.topline-contacts a{display:flex;gap:6px;color:#c9d0cc}.topline-contacts strong{color:#fff;font-weight:700}
.site-header{height:96px;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(1,4,5,.08);position:sticky;top:0;z-index:80;backdrop-filter:blur(16px)}
.admin-previewbar+.site-topline+.site-header{top:0}.site-header.compact{height:86px}
.site-header-inner{height:100%;width:min(calc(100% - 64px),var(--shell));margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr) auto;align-items:center;gap:38px}
.site-brand{display:inline-flex;align-items:center;min-width:0}.brand-logo-image{width:auto;height:auto;max-width:225px;max-height:66px;object-fit:contain}
.site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,1.65vw,30px);min-width:0}.site-nav a{position:relative;font-size:16px;font-weight:700;color:#353b38;white-space:nowrap;padding:33px 0 30px}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:25px;height:3px;background:var(--green);border-radius:3px;transition:.2s}.site-nav a:hover,.site-nav a.active{color:var(--ink)}.site-nav a:hover:after,.site-nav a.active:after{right:0}
.site-header-actions{display:flex;align-items:center;gap:10px}.header-help-link{width:46px;height:46px;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;color:#49514d;background:#fff}.header-help-link:hover{border-color:var(--green-text);color:var(--green-text)}
.header-designer-cta{height:50px;padding:0 20px;border-radius:15px;background:var(--green);color:#fff;display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;box-shadow:0 10px 24px rgba(131,188,0,.23);transition:.2s}.header-designer-cta:hover{background:var(--green-700);transform:translateY(-1px)}
.header-cart-link{height:50px;padding:0 13px;border-radius:15px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.header-cart-link strong{min-width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:12px}.header-cart-link.active{box-shadow:0 0 0 3px rgba(131,188,0,.25)}
.site-menu-toggle{display:none}

/* Reusable buttons */
.btn-primary,.primary-button,.checkout-submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:16px;background:var(--green);color:#fff;font-weight:800;padding:15px 22px;min-height:54px;box-shadow:0 12px 28px rgba(131,188,0,.18);transition:.2s}.btn-primary:hover,.primary-button:hover,.checkout-submit:hover{background:var(--green-700);transform:translateY(-1px)}
.btn-primary.btn-xl{min-height:62px;padding-inline:28px;font-size:18px}.btn-primary svg,.btn-light svg,.btn-text svg,.product-card-footer a svg,.footer-designer-cta svg{transition:transform .2s}.btn-primary:hover svg,.btn-light:hover svg,.btn-text:hover svg,.product-card-footer a:hover svg,.footer-designer-cta:hover svg{transform:translateX(4px)}
.btn-text{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-weight:800;font-size:17px}.btn-text:hover{color:var(--green-text)}
.btn-light{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--ink);padding:15px 21px;border-radius:15px;font-weight:800}.btn-secondary,.secondary-action-button,.secondary-action-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:14px;padding:13px 18px;font-weight:750}.danger-outline-button{border:1px solid #d7a2a2;color:#a32b2b;background:#fff;border-radius:12px;padding:10px 13px;font-weight:700}

/* NEW HOME HERO */
.home-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f5f7f3 0%,#fff 100%);padding:64px 0 72px}.home-hero:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(131,188,0,.13),rgba(131,188,0,0) 68%);right:-180px;top:-250px}.home-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:70px;align-items:center;min-height:680px;position:relative;z-index:1}.home-hero-copy{padding:34px 0}.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #dce7ce;background:#fff;border-radius:999px;font-size:14px;font-weight:700;color:#475046;margin-bottom:28px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(131,188,0,.12)}
.home-hero h1{font-size:clamp(68px,7vw,112px);line-height:.88;letter-spacing:-.035em;margin:0 0 30px;text-transform:uppercase}.home-hero h1 span{color:var(--green-text)}.home-hero-copy>p{font-size:21px;line-height:1.62;color:#4f5853;max-width:680px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-microproof{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;color:#59615d;font-size:14px;font-weight:700}.hero-microproof span{display:flex;align-items:center;gap:6px}.hero-microproof svg{color:var(--green-text);width:18px;height:18px}
.home-hero-visual{min-height:590px;position:relative;display:grid;place-items:center}.hero-orbit{position:absolute;border:1px solid rgba(131,188,0,.18);border-radius:50%}.hero-orbit-one{width:560px;height:560px}.hero-orbit-two{width:430px;height:430px;border-style:dashed}.hero-designer-card{position:relative;z-index:3;width:min(520px,86%);background:#fff;border:1px solid #e1e5de;border-radius:28px;box-shadow:var(--shadow-lg);overflow:hidden;transform:rotate(-1.5deg)}.hero-card-toolbar{height:48px;padding:0 18px;border-bottom:1px solid #eef0ec;display:flex;align-items:center;gap:7px;color:#768078;font-size:13px;font-weight:700}.hero-card-toolbar span{width:9px;height:9px;border-radius:50%;background:#d9ddd7}.hero-card-toolbar span:first-child{background:#83BC00}.hero-card-toolbar b{margin-left:auto}.hero-card-canvas{height:430px;background:linear-gradient(45deg,#f5f6f3 25%,transparent 25%) 0 0/18px 18px,linear-gradient(45deg,transparent 75%,#f5f6f3 75%) 0 0/18px 18px,linear-gradient(45deg,transparent 75%,#f5f6f3 75%) 9px -9px/18px 18px,linear-gradient(45deg,#f5f6f3 25%,#fff 25%) 9px -9px/18px 18px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-card-canvas img{max-width:74%;max-height:88%;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(0,0,0,.08))}.hero-shirt-placeholder svg{width:190px;height:190px;color:#aeb6b0}.hero-print-outline{position:absolute;width:39%;height:41%;left:50%;top:47%;transform:translate(-50%,-50%);border:2px dashed rgba(131,188,0,.85);border-radius:5px}.hero-design-label{position:absolute;z-index:2;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-4deg);font-family:var(--font-head);font-size:38px;line-height:.83;text-align:center;color:var(--ink);background:rgba(255,255,255,.82);padding:7px 11px}.hero-card-bottom{min-height:88px;padding:16px 20px;display:flex;justify-content:space-between;gap:15px;align-items:center}.hero-card-bottom div:first-child{display:grid}.hero-card-bottom small{text-transform:uppercase;color:var(--green-text);font-size:11px;font-weight:800;letter-spacing:.08em}.hero-card-bottom strong{font-size:18px}.hero-price-chip{background:var(--green-100);color:var(--green-text);font-size:15px;font-weight:800;padding:9px 12px;border-radius:999px}
.floating-tool{position:absolute;z-index:6;background:#fff;border:1px solid #e0e5dc;border-radius:14px;box-shadow:0 15px 38px rgba(1,4,5,.12);display:flex;align-items:center;gap:8px;padding:11px 14px;font-size:14px;font-weight:800}.floating-tool svg{color:var(--green-text)}.tool-text{left:0;top:110px;transform:rotate(-5deg)}.tool-image{right:8px;top:145px;transform:rotate(5deg)}.tool-layers{right:20px;bottom:105px;transform:rotate(-3deg)}.floating-swatch{position:absolute;z-index:6;left:20px;bottom:105px;background:#fff;border-radius:999px;padding:9px;display:flex;gap:7px;box-shadow:0 15px 38px rgba(1,4,5,.12)}.floating-swatch i{width:25px;height:25px;border-radius:50%;background:var(--c);border:1px solid #d8ddd5}

/* benefit ribbon */
.benefit-ribbon{background:#fff;border-block:1px solid #e8ebe6}.benefit-ribbon-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefit-ribbon article{min-height:116px;display:flex;align-items:center;gap:16px;padding:24px 28px;border-right:1px solid #e8ebe6}.benefit-ribbon article:last-child{border-right:0}.benefit-ribbon svg{width:32px;height:32px;color:var(--green-text)}.benefit-ribbon article div{display:grid}.benefit-ribbon strong{font-size:17px;color:var(--ink)}.benefit-ribbon span{font-size:14px;color:var(--muted)}

/* Home sections */
.home-section{padding:100px 0}.home-categories{background:#f3f5f1}.home-how{background:#fff}.home-products{background:#f8f9f7}.home-stores{background:#fff}.home-editor-content{background:#fff}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:46px}.section-heading>div{max-width:780px}.section-heading h2{font-size:clamp(50px,5.5vw,82px);line-height:.95;margin:8px 0 0;text-transform:uppercase}.section-heading>p{max-width:520px;font-size:18px;color:var(--muted);margin-bottom:8px}.section-heading.centered{align-items:center;flex-direction:column;text-align:center;gap:18px}.section-heading.centered>p{max-width:680px}
.category-grid-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-card-modern{background:#fff;border:1px solid #e0e5dd;border-radius:24px;overflow:hidden;transition:.25s}.category-card-modern:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm);border-color:#cbd8bb}.category-card-media{height:280px;display:grid;place-items:center;background:linear-gradient(150deg,#fff,#eef2eb);position:relative}.category-card-media img{width:80%;height:80%;object-fit:contain}.category-card-media>span svg{width:120px;height:120px;color:#c5cdc5}.category-card-media b{position:absolute;top:18px;left:18px;font-size:13px;color:#88918b;font-family:var(--font-body);letter-spacing:.08em}.category-card-copy{padding:22px 22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.category-card-copy>div{display:grid}.category-card-copy h3{font-size:30px;margin:0 0 3px}.category-card-copy span{font-size:14px;color:var(--muted)}.category-card-copy i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green-100);color:var(--green-text);font-style:normal}.category-card-modern:hover .category-card-copy i{background:var(--green);color:#fff}
.how-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:26px;align-items:center}.how-steps article{text-align:center}.how-icon{width:116px;height:116px;border-radius:34px;background:var(--green-050);border:1px solid #dce8cc;margin:0 auto 22px;display:grid;place-items:center;position:relative;color:var(--green-text)}.how-icon>svg{width:48px;height:48px}.how-icon span{position:absolute;right:-6px;top:-8px;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:11px;font-family:var(--font-body);font-weight:800}.how-steps h3{font-size:34px;margin:0 0 10px}.how-steps p{font-size:16px;color:var(--muted);max-width:310px;margin:0 auto}.how-connector{color:#b3bdb4}.how-connector svg{width:38px;height:38px}
.product-grid-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card-modern{background:#fff;border:1px solid #e0e5dd;border-radius:24px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}.product-card-modern:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}.product-card-media{height:340px;background:#eef1ec;display:grid;place-items:center;position:relative;padding:20px}.product-card-media img{max-height:95%;max-width:92%;object-fit:contain}.product-card-badge{position:absolute;left:16px;top:16px;background:#fff;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;color:#4f5853;box-shadow:0 6px 18px rgba(1,4,5,.08)}.product-card-media .no-image svg{width:100px;height:100px;color:#b7beb7}.product-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.product-card-body h3{font-size:30px;margin:0 0 9px}.product-card-body p{font-size:15px;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-card-footer{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0eb}.product-card-footer>strong{font-size:18px;color:var(--ink)}.product-card-footer a{display:flex;align-items:center;gap:6px;color:var(--green-text);font-size:14px;font-weight:850}
.home-advantage{background:#fff;padding-top:42px}.advantage-panel{min-height:580px;background:var(--ink);color:#fff;border-radius:36px;padding:clamp(48px,6vw,88px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.7fr);gap:75px;position:relative;overflow:hidden}.advantage-panel:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:var(--green);right:-170px;bottom:-230px;opacity:.92}.advantage-copy{position:relative;z-index:2}.advantage-copy h2{color:#fff;font-size:clamp(56px,6.2vw,92px);line-height:.9;margin:14px 0 28px;text-transform:uppercase}.advantage-copy h2 span{color:#9dd02a}.advantage-copy p{font-size:19px;color:#c4cbc6;max-width:670px;margin-bottom:28px}.advantage-cards{display:grid;gap:14px;align-self:center;position:relative;z-index:2}.advantage-cards article{display:flex;gap:17px;align-items:flex-start;padding:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:18px;backdrop-filter:blur(10px)}.advantage-cards svg{width:30px;height:30px;color:#9dd02a}.advantage-cards article div{display:grid}.advantage-cards strong{font-size:18px}.advantage-cards span{font-size:14px;color:#aeb8b1}.advantage-deco{position:absolute;right:-10px;top:-10px;font-family:var(--font-head);font-size:150px;line-height:.75;color:rgba(255,255,255,.025);transform:rotate(7deg)}.advantage-deco span{display:block}
.stores-modern-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.store-card-modern{border:1px solid #dfe4dc;border-radius:24px;padding:30px;background:#f7f9f5;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;transition:.2s}.store-card-modern:hover{background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-3px)}.store-icon{width:68px;height:68px;border-radius:20px;background:var(--green);color:#fff;display:grid;place-items:center}.store-icon svg{width:32px;height:32px}.store-card-modern>div:nth-child(2)>span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--green-text);font-weight:800}.store-card-modern h3{font-size:34px;margin:3px 0}.store-card-modern p{font-size:16px;color:var(--muted);margin-bottom:12px}.store-pills{display:flex;gap:8px;flex-wrap:wrap}.store-pills b{font-size:12px;padding:6px 9px;background:#fff;border:1px solid #e0e5dd;border-radius:999px}.store-card-modern>i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green-text);font-style:normal}
.home-final-cta{padding:78px 0;background:var(--green)}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.home-final-cta .eyebrow{color:#274000}.home-final-cta h2{font-size:clamp(50px,5vw,76px);line-height:.95;margin:7px 0 12px;color:#fff;text-transform:uppercase}.home-final-cta p{color:#e9f5d3;font-size:18px;margin:0}.home-final-cta .btn-primary{background:#fff;color:var(--ink);box-shadow:none}.home-final-cta .btn-primary:hover{background:var(--ink);color:#fff}

/* Footer */
.site-footer{background:var(--ink);color:#d3d9d5}.site-footer-cta{border-bottom:1px solid rgba(255,255,255,.1)}.site-footer-cta-inner{width:min(calc(100% - 64px),var(--shell));margin:auto;padding:62px 0;display:flex;justify-content:space-between;align-items:center;gap:50px}.site-footer-cta h2{font-size:clamp(44px,4vw,64px);color:#fff;text-transform:uppercase;margin:5px 0 0}.footer-designer-cta{display:inline-flex;align-items:center;gap:12px;background:var(--green);color:#fff;border-radius:16px;padding:16px 22px;font-weight:800;white-space:nowrap}.site-footer-main{width:min(calc(100% - 64px),var(--shell));margin:auto;padding:62px 0;display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:60px}.site-footer .brand-logo-image{background:#fff;border-radius:12px;padding:8px 10px;max-width:225px}.site-footer-brand p{font-size:15px;line-height:1.7;color:#aab2ad;max-width:420px;margin:22px 0}.footer-badges{display:flex;gap:8px;flex-wrap:wrap}.footer-badges span{border:1px solid #3b423e;border-radius:999px;padding:6px 10px;font-size:12px;color:#c5ccc7}.site-footer-col{display:grid;align-content:start;gap:9px}.site-footer-col h3{color:#9dd02a;font-size:20px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:8px}.site-footer-col a{font-size:15px;color:#c2c9c4}.site-footer-col a:hover{color:#fff}.site-footer-col.stores a{display:grid;padding-bottom:11px;border-bottom:1px solid #29302c}.site-footer-col small{color:#7f8982;margin-top:2px}.site-footer-bottom{width:min(calc(100% - 64px),var(--shell));margin:auto;padding:22px 0;border-top:1px solid #242a26;display:flex;justify-content:space-between;gap:30px;font-size:12px;color:#768078}.site-footer-bottom div{display:flex;gap:16px;flex-wrap:wrap}.site-footer-bottom a:hover{color:#fff}

/* Public catalog / product / content pages */
.catalog-hero,.public-page-hero{padding:70px 0;background:linear-gradient(135deg,#f3f6f0,#fff)}.catalog-hero .site-shell,.public-page-hero-inner{width:min(calc(100% - 64px),var(--shell));margin:auto}.catalog-hero h1,.public-page-hero h1,.product-public-info h1,.cart-heading h1,.checkout-heading h1,.order-lead h1{font-size:clamp(56px,5.7vw,84px);line-height:.92;text-transform:uppercase;margin:8px 0 16px}.catalog-hero p,.public-page-hero-copy>p,.product-public-info .lead{font-size:19px;color:var(--muted);max-width:720px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:34px 0}.catalog-filters{display:flex;gap:9px;flex-wrap:wrap}.catalog-filters a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;font-weight:700}.catalog-filters a.active,.catalog-filters a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.section{padding:90px 0}.section.compact{padding:62px 0}.section-head{width:min(calc(100% - 64px),var(--shell));margin:0 auto 42px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.section-head h2{font-size:clamp(48px,5vw,74px);line-height:.95;text-transform:uppercase;margin:7px 0}.section-head>p{max-width:520px;color:var(--muted)}.section-link{font-weight:800;color:var(--green-text)}
.product-grid-public{width:min(calc(100% - 64px),var(--shell));margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card-public{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.product-card-public .product-media{height:330px;background:#f0f3ee;display:grid;place-items:center;position:relative;padding:20px}.product-card-public .product-media img{max-height:95%;object-fit:contain}.product-category{position:absolute;left:14px;top:14px;background:#fff;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.product-copy{padding:20px}.product-copy h3{font-size:29px;margin:0 0 7px}.product-copy p{font-size:14px;color:var(--muted);line-height:1.55}.product-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px}.product-price{font-weight:800}.product-action{background:var(--ink);color:#fff;border-radius:11px;padding:9px 12px;font-size:13px;font-weight:800}
.breadcrumbs{width:min(calc(100% - 64px),var(--shell));margin:24px auto;display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:14px}.product-public-shell{width:min(calc(100% - 64px),var(--shell));margin:auto;padding:20px 0 80px}.product-public-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.72fr);gap:42px;align-items:start}.product-public-mainmedia{min-height:610px;background:#f1f4ef;border-radius:28px;display:grid;place-items:center;padding:35px}.product-public-mainmedia img{max-height:590px;object-fit:contain}.product-public-thumbs{display:flex;gap:10px;margin-top:12px}.product-public-thumbs button{width:90px;height:90px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:6px}.product-public-thumbs img{width:100%;height:100%;object-fit:contain}.product-public-info{position:sticky;top:118px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:36px;box-shadow:var(--shadow-sm)}.product-public-info h1{margin-top:6px}.product-public-price{padding:20px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:baseline;margin:22px 0}.product-public-price span{font-size:14px;color:var(--muted)}.product-public-price strong{font-size:30px}.product-public-price small{grid-column:1/-1;font-size:12px;color:var(--muted)}.product-public-option{margin:20px 0}.product-public-option>strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.public-color-list,.public-size-list{display:flex;gap:8px;flex-wrap:wrap}.public-color-list>span,.public-size-list>span{border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 10px;font-size:13px}.public-color-list>span{display:flex;align-items:center;gap:7px}.public-color-list i{width:26px;height:26px;border-radius:50%;background:var(--swatch);border:1px solid rgba(0,0,0,.12)}.product-designer-cta{margin-top:24px;background:var(--green);color:#fff;border-radius:17px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between}.product-designer-cta span{display:grid}.product-designer-cta strong{font-size:19px}.product-designer-cta small{font-size:12px;opacity:.85}.product-designer-cta b{font-size:28px}.product-public-trust{display:grid;gap:7px;margin-top:16px;color:var(--muted);font-size:13px}.product-detail-lower{width:min(calc(100% - 64px),var(--shell));margin:0 auto 90px;display:grid;grid-template-columns:1fr 360px;gap:65px}.product-detail-lower h2{font-size:52px;text-transform:uppercase;margin-bottom:20px}.product-description{font-size:17px;line-height:1.8}.product-detail-lower aside{border:1px solid var(--line);border-radius:20px;padding:22px;background:#f6f8f4}.product-detail-lower ul{list-style:none;padding:0}.product-detail-lower li{padding:10px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.product-detail-lower small{color:var(--muted)}
.public-page-hero-inner{display:grid;grid-template-columns:1.05fr .65fr;gap:50px;align-items:center}.public-page-hero-copy{padding:20px 0}.public-page-hero-media{min-height:340px;border-radius:28px;background:var(--ink);position:relative;overflow:hidden;display:grid;place-items:center}.public-page-hero-media img{width:100%;height:100%;object-fit:cover}.page-pattern:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:var(--green);right:-80px;top:-90px}.page-pattern:after{content:"MYSHIRT";font-family:var(--font-head);font-size:70px;color:#fff;transform:rotate(-7deg);position:relative;z-index:2}.public-content-shell{width:min(calc(100% - 64px),1040px);margin:0 auto;padding:80px 0}.public-content,.richtext-public{font-size:18px;line-height:1.8}.richtext-public h2,.richtext-public h3{font-size:44px;text-transform:uppercase;margin:45px 0 14px}.richtext-public h3{font-size:32px}.richtext-public a{color:var(--green-text);text-decoration:underline;text-underline-offset:3px}.richtext-public blockquote{margin:30px 0;padding:20px 24px;border-left:5px solid var(--green);background:var(--green-050)}.richtext-public img{border-radius:20px;margin-block:25px}.content-cta,.help-cta{border-radius:24px;padding:30px;background:#f2f6ec;border:1px solid #dbe7ca}.content-button{display:inline-flex;background:var(--green);color:#fff;border-radius:13px;padding:12px 18px;font-weight:800}.public-not-found{width:min(calc(100% - 64px),760px);margin:100px auto}.public-not-found h1{font-size:70px;text-transform:uppercase}

/* Store page */
.store-page{background:#fff}.store-public-layout{width:min(calc(100% - 64px),var(--shell));margin:60px auto 90px;display:grid;grid-template-columns:1fr .85fr;gap:35px}.store-public-card{border:1px solid var(--line);border-radius:26px;padding:30px;background:#fff}.store-pickup-badge{display:inline-flex;padding:7px 10px;background:var(--green-100);color:var(--green-text);font-weight:800;border-radius:999px;font-size:13px}.store-contact-list{display:grid;gap:8px;margin:20px 0}.store-hours-public{display:grid;gap:6px}.store-description{font-size:17px;color:var(--muted)}

/* Cart / checkout / order */
.cart-page,.checkout-page,.order-page{background:#f4f6f3;min-height:100vh}.cart-shell,.checkout-shell,.order-shell{width:min(calc(100% - 64px),var(--shell));margin:auto;padding:54px 0 90px}.cart-heading,.checkout-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.cart-heading p,.checkout-heading p{color:var(--muted);font-size:17px}.cart-layout,.checkout-layout,.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:start}.cart-items,.checkout-main,.order-main{display:grid;gap:18px}.cart-item,.checkout-card,.order-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px}.cart-item-main{display:grid;grid-template-columns:210px 1fr;gap:25px}.cart-item-media{background:#f2f4f0;border-radius:18px;padding:12px}.cart-design-media{display:flex;gap:8px}.cart-preview-output{min-height:190px}.cart-item-head{display:flex;justify-content:space-between;gap:20px}.cart-item-head h2{font-size:34px;margin:0}.cart-color,.cart-design-meta{font-size:13px;color:var(--muted)}.cart-size-head,.cart-size-line{display:grid;grid-template-columns:1fr 120px 130px 120px;gap:12px;align-items:center;padding:9px 0;border-top:1px solid #edf0eb}.quantity-stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.quantity-stepper button{border:0;background:#f3f5f1;width:36px;height:36px;font-weight:900}.quantity-stepper input{border:0;width:48px;text-align:center}.cart-item-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.cart-totals,.checkout-summary,.order-summary{position:sticky;top:118px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow-sm)}.cart-totals h2,.checkout-summary h2,.order-summary h2{font-size:32px}.cart-totals>div,.checkout-summary-row{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-top:1px solid #edf0eb;font-size:15px}.cart-grand-total,.checkout-summary-total{font-size:23px!important;font-weight:850}.cart-discount,.discount{color:var(--green-text)}.cart-coupon-box{margin-top:18px;background:#f6f8f4;border-radius:15px;padding:15px}.cart-coupon-form{display:flex;gap:8px}.cart-coupon-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:11px;padding:10px 12px}.cart-empty{text-align:center;background:#fff;border-radius:24px;padding:70px 30px}.checkout-step{display:flex;gap:13px;align-items:center;margin-bottom:15px}.checkout-step span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:12px;font-weight:850}.checkout-step h2{font-size:30px;margin:0}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkout-fields label,.field-label{display:grid;gap:6px;font-size:13px;font-weight:750;color:#4a534e}.checkout-fields input,.checkout-fields select,.checkout-fields textarea,.field-label input,.field-label select,.field-label textarea{width:100%;border:1px solid #dce2da;border-radius:12px;background:#fff;padding:11px 12px;color:var(--ink)}.checkout-fields .full{grid-column:1/-1}.checkout-options{display:grid;gap:10px}.checkout-option,.checkout-delivery-option{border:1px solid var(--line);border-radius:15px;padding:14px;display:flex;gap:12px}.checkout-option:has(input:checked),.checkout-delivery-option:has(input:checked){border-color:var(--green-text);background:var(--green-050)}.rights-check{padding:16px;background:#fff9e8;border-radius:14px}.order-success-mark{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:36px}.order-item-list{display:grid;gap:10px}.order-item-line{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-top:1px solid var(--line)}.bank-details{padding:16px;border-radius:14px;background:#f5f7f3}

/* DESIGNER – true 3-column application */
.designer-page{background:#eef1ed}.designer-page .site-header{position:relative}.designer-shell{width:min(calc(100% - 36px),1540px);margin:0 auto;padding:28px 0 50px}.designer-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:0 6px 20px}.designer-heading h1{font-size:clamp(44px,4vw,64px);line-height:.95;margin:4px 0 7px;text-transform:uppercase}.designer-heading p{font-size:15px;color:var(--muted);margin:0;max-width:700px}.designer-price{font-size:28px;font-weight:900;color:var(--ink);white-space:nowrap}.designer-price small{font-size:13px;color:var(--muted)}
.designer-grid{display:grid;grid-template-columns:300px minmax(600px,1fr) 370px;gap:14px;align-items:start}.designer-controls{display:contents}.designer-product-panel{grid-column:1;grid-row:1;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-sm)}.designer-side-kicker,.designer-product-panel label>span{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--green-text);font-weight:850}.designer-product-panel label{display:grid;gap:7px;margin-top:9px}.designer-product-panel select{width:100%;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff}.designer-product-panel>small{display:block;margin-top:8px;font-size:12px;color:var(--muted)}
.designer-workspace{grid-column:2;grid-row:1 / span 5;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm);min-width:0}.view-switcher{height:62px;padding:10px 13px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center;background:#fff}.view-button{border:1px solid transparent;background:#f1f3f0;color:#4c5550;border-radius:12px;padding:10px 15px;font-weight:800}.view-button.active{background:var(--ink);color:#fff}.product-stage-wrap{padding:20px;background:radial-gradient(circle at center,#fff 0,#f4f6f2 72%)}.product-stage{position:relative;width:min(100%,820px);margin:auto;min-height:620px;background-color:#fff;background-image:radial-gradient(#dbe1d9 1px,transparent 1px);background-size:18px 18px;overflow:hidden;border-radius:16px;box-shadow:inset 0 0 0 1px #e1e5df}.product-stage canvas,.product-stage .product-fallback{display:block;width:100%;height:auto}.product-fallback{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain}.print-area-layer{position:absolute;inset:0;pointer-events:none}.customer-print-area{position:absolute;border:2px dashed var(--green);background:rgba(131,188,0,.035);box-shadow:0 0 0 1px rgba(255,255,255,.85) inset}.customer-print-area .print-area-name{position:absolute;left:8px;top:8px;background:var(--green);color:#fff;border-radius:8px;padding:4px 7px;font-size:11px;font-weight:850}.workspace-note{padding:13px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);background:#fff}.design-save-state{display:inline-flex;margin-left:5px;padding:3px 7px;border-radius:999px;background:#f0f2ef;color:#65706a;font-weight:750}.stage-message{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);background:#fff;padding:30px;text-align:center}
.designer-controls>.control-section:not(.design-tools-section){grid-column:1;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-sm)}.designer-controls>.control-section:nth-of-type(1){grid-row:2}.designer-controls>.control-section:nth-of-type(2){grid-row:3}.control-section h2{font-size:25px;margin:0 0 14px;text-transform:uppercase}.color-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-swatch{border:1px solid var(--line);background:#fff;border-radius:11px;padding:7px 5px;display:grid;place-items:center;gap:5px;min-width:0}.color-swatch>span{width:34px;height:34px;border-radius:50%;background:var(--swatch);border:1px solid rgba(0,0,0,.14)}.color-swatch small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.color-swatch.active{border-color:var(--green-text);box-shadow:0 0 0 2px rgba(131,188,0,.15)}
.size-quantity-list{display:grid;gap:7px}.size-quantity-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-bottom:1px solid #edf0eb;padding:7px 0}.size-quantity-name{display:grid}.size-quantity-name strong{font-size:15px}.size-quantity-name small{font-size:10px;color:var(--muted)}.discounted-unit-price{color:var(--green-text)!important}.control-hint,.tool-note,.copyright-upload-note,.text-editor-help{font-size:11px;color:var(--muted);line-height:1.45}.copyright-upload-note{padding:10px;background:#fff8e7;border-radius:10px}
.design-tools-section{grid-column:3;grid-row:1 / span 5;align-self:start;position:sticky;top:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-sm);max-height:calc(100vh - 30px);overflow:auto}.design-tools-section>h2{font-size:28px;margin-bottom:12px}.designer-panel-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef1ed;padding:4px;border-radius:12px;margin-bottom:14px}.designer-panel-tabs button{border:0;background:transparent;border-radius:9px;padding:8px;font-weight:800;color:#66706b}.designer-panel-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 3px 10px rgba(1,4,5,.06)}.print-area-picker{display:grid;gap:5px;margin-bottom:10px}.print-area-picker label{font-size:11px;font-weight:800}.print-area-picker select{border:1px solid var(--line);border-radius:10px;padding:9px}.designer-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.designer-tool-button{min-height:76px;border:1px solid var(--line);background:#f7f9f5;border-radius:13px;text-align:left;padding:12px}.designer-tool-button:hover{border-color:var(--green-text);background:var(--green-050)}.designer-tool-button strong{font-size:14px}.designer-tool-button small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.shape-tool{margin-top:16px}.shape-tool>strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.shape-button-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}.shape-button-grid button{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:9px;padding:4px;display:grid;place-items:center}.shape-button-grid button:hover{border-color:var(--green-text);color:var(--green-text)}.shape-button-grid small{display:none}.shape-icon{font-size:20px}.shape-icon.rectangle{width:24px;height:15px;border:2px solid currentColor}.shape-icon.rounded{width:24px;height:15px;border:2px solid currentColor;border-radius:5px}.shape-icon.circle{width:19px;height:19px;border:2px solid currentColor;border-radius:50%}.shape-icon.ellipse{width:26px;height:17px;border:2px solid currentColor;border-radius:50%}.designer-library{margin-top:16px}.designer-library summary{font-weight:800;font-size:13px}.designer-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.designer-library-item{border:1px solid var(--line);background:#fff;border-radius:10px;padding:5px}.designer-library-item img{width:100%;aspect-ratio:1;object-fit:contain}.designer-library-item span{display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-editor,.image-editor,.shape-editor{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.text-editor-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.text-editor-head strong{font-size:14px}.text-editor-head span{font-size:10px;color:var(--muted)}.field-label{margin-bottom:10px}.color-input-row{display:grid;grid-template-columns:48px 1fr;gap:8px}.color-input-row input[type=color]{height:43px;padding:2px}.hex-input-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden}.hex-input-wrap span{padding-left:9px;font-size:9px;color:var(--muted)}.hex-input-wrap input{border:0!important}.range-field output{float:right;color:var(--green-text)}.range-field input[type=range]{padding:0;border:0}.font-picker{position:relative}.font-picker-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px}.font-picker-trigger span{font-size:19px}.font-picker-trigger small{font-size:10px;color:var(--muted)}.font-picker-menu{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:20;max-height:270px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);padding:5px}.font-option{width:100%;border:0;background:#fff;text-align:left;border-radius:8px;padding:8px}.font-option:hover{background:#f3f6f0}.font-option span{display:block;font-size:18px}.font-option small{font-size:9px;color:var(--muted)}.text-format-row{display:flex;gap:6px;align-items:center;margin:10px 0}.format-button{width:38px;height:36px;border:1px solid var(--line);background:#fff;border-radius:9px}.format-button.active{background:var(--ink);color:#fff}.format-separator{width:1px;height:26px;background:var(--line)}.image-editor-preview-row{display:flex;gap:10px}.image-editor-thumb{width:62px;height:62px;background:#f2f4f0;border-radius:10px;padding:4px}.image-editor-thumb img{width:100%;height:100%;object-fit:contain}.image-editor-meta{display:grid}.image-editor-meta span{font-size:10px;color:var(--muted)}.layer-panel-head{display:flex;justify-content:space-between;gap:8px}.layer-panel-head small{font-size:10px;color:var(--muted)}.designer-layer-list{display:grid;gap:6px;margin-top:10px}.layer-empty{font-size:12px;padding:14px;background:#f4f6f2;border-radius:10px;color:var(--muted)}
.designer-summary{grid-column:1;grid-row:4;background:var(--ink);color:#fff;border-radius:20px;padding:18px;box-shadow:var(--shadow-sm);position:sticky;top:14px}.designer-summary>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #252b27;font-size:12px}.designer-summary span{color:#9ea8a1}.designer-summary strong{color:#fff;text-align:right}.designer-summary .summary-total{padding:15px 0}.designer-summary .summary-total strong{font-size:25px;color:#a3d42f}.designer-summary button{width:100%;margin-top:9px}.designer-save-button{background:#303631;box-shadow:none}.designer-cart-button{background:var(--green)}.designer-save-message,.designer-cart-message{font-size:11px;margin-top:6px}.designer-empty{background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px}

/* Maintenance */
.maintenance-page{min-height:100vh;background:#f2f5f0;display:grid;place-items:center;padding:30px}.maintenance-modern{width:min(780px,100%);background:#fff;border-radius:30px;padding:60px;box-shadow:var(--shadow-lg)}.maintenance-brand{margin-bottom:30px}.maintenance-brand .brand-logo-image{max-width:280px}.maintenance-modern h1{font-size:70px;line-height:.9;text-transform:uppercase;margin:12px 0 24px}.maintenance-modern h1 em{color:var(--green-text);font-style:normal}.maintenance-modern>p{font-size:19px;color:var(--muted)}.maintenance-stores{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.maintenance-stores article{background:#f4f6f2;border-radius:14px;padding:14px;display:grid}.maintenance-stores span,.maintenance-stores a{font-size:13px;color:var(--muted)}

/* Responsive */
@media(max-width:1250px){
  .site-header-inner{grid-template-columns:220px 1fr auto;gap:22px}.site-nav{gap:16px}.site-nav a{font-size:14px}.header-designer-cta span{max-width:120px}.home-hero-grid{grid-template-columns:1fr 1fr;gap:35px}.category-grid-modern,.product-grid-modern,.product-grid-public{grid-template-columns:repeat(3,1fr)}
  .designer-grid{grid-template-columns:270px minmax(520px,1fr) 335px}.product-stage{min-height:560px}
}
@media(max-width:1060px){
  .site-topline{display:none}.site-header{height:84px}.site-header-inner{grid-template-columns:220px auto auto}.site-menu-toggle{display:flex;justify-self:end;width:48px;height:48px;border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;justify-content:center;gap:4px;flex-direction:column}.site-menu-toggle span{width:20px;height:2px;background:var(--ink)}.site-menu-toggle b{display:none}.site-nav{display:none;position:absolute;left:24px;right:24px;top:78px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow-lg);align-items:stretch;flex-direction:column;gap:0}.site-nav.open{display:flex}.site-nav a{padding:11px 12px;border-radius:10px}.site-nav a:after{display:none}.site-nav a:hover,.site-nav a.active{background:#f2f6ed}.site-header-actions{justify-self:end}.header-help-link{display:none}
  .home-hero-grid{grid-template-columns:1fr}.home-hero-copy{max-width:780px}.home-hero-visual{min-height:570px}.benefit-ribbon-grid{grid-template-columns:1fr 1fr}.benefit-ribbon article:nth-child(2){border-right:0}.category-grid-modern,.product-grid-modern,.product-grid-public{grid-template-columns:repeat(2,1fr)}.how-steps{grid-template-columns:1fr}.how-connector{transform:rotate(90deg);margin:auto}.advantage-panel{grid-template-columns:1fr}.stores-modern-grid{grid-template-columns:1fr}.site-footer-main{grid-template-columns:1.4fr 1fr 1fr}.site-footer-col.stores{grid-column:2/-1}.site-footer-cta-inner{flex-direction:column;align-items:flex-start}
  .product-public-grid{grid-template-columns:1fr}.product-public-info{position:static}.product-detail-lower{grid-template-columns:1fr}.public-page-hero-inner{grid-template-columns:1fr}.public-page-hero-media{min-height:260px}.store-public-layout{grid-template-columns:1fr}.cart-layout,.checkout-layout,.order-layout{grid-template-columns:1fr}.cart-totals,.checkout-summary,.order-summary{position:static}
  .designer-grid{grid-template-columns:minmax(0,1fr) 340px}.designer-product-panel,.designer-controls>.control-section:not(.design-tools-section),.designer-summary{grid-column:2}.designer-product-panel{grid-row:1}.designer-controls>.control-section:nth-of-type(1){grid-row:2}.designer-controls>.control-section:nth-of-type(2){grid-row:3}.design-tools-section{grid-column:2;grid-row:4;position:static;max-height:none}.designer-summary{grid-row:5;position:static}.designer-workspace{grid-column:1;grid-row:1 / span 5}.product-stage{min-height:520px}
}
@media(max-width:760px){
  body{font-size:16px}.site-shell,.site-topline-inner,.site-header-inner,.site-footer-main,.site-footer-bottom,.site-footer-cta-inner,.catalog-hero .site-shell,.public-page-hero-inner,.breadcrumbs,.product-public-shell,.product-detail-lower,.public-content-shell,.store-public-layout,.cart-shell,.checkout-shell,.order-shell{width:min(calc(100% - 32px),var(--shell))}.site-header-inner{grid-template-columns:1fr auto auto}.brand-logo-image{max-width:170px;max-height:52px}.site-header-actions{gap:6px}.header-designer-cta{height:46px;padding:0 12px}.header-designer-cta span{display:none}.header-cart-link span{display:none}.home-hero{padding:34px 0 48px}.home-hero-grid{min-height:0}.home-hero h1{font-size:62px}.home-hero-copy>p{font-size:18px}.home-hero-visual{min-height:420px}.hero-designer-card{width:82%}.hero-card-canvas{height:300px}.hero-design-label{font-size:28px}.hero-orbit-one{width:400px;height:400px}.hero-orbit-two{width:310px;height:310px}.floating-tool{font-size:11px;padding:8px 10px}.tool-text{left:0;top:55px}.tool-image{right:0;top:95px}.tool-layers{right:2px;bottom:55px}.floating-swatch{left:5px;bottom:55px}.benefit-ribbon-grid{grid-template-columns:1fr}.benefit-ribbon article{border-right:0;border-bottom:1px solid #e8ebe6}.home-section{padding:66px 0}.section-heading{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:30px}.section-heading h2{font-size:54px}.section-heading>p{font-size:16px}.category-grid-modern,.product-grid-modern,.product-grid-public{grid-template-columns:1fr}.category-card-media{height:250px}.product-card-media{height:300px}.advantage-panel{border-radius:24px;padding:36px 24px}.advantage-copy h2{font-size:58px}.store-card-modern{grid-template-columns:auto 1fr;padding:22px}.store-card-modern>i{display:none}.final-cta-inner{flex-direction:column;align-items:flex-start}.site-footer-main{grid-template-columns:1fr;gap:35px}.site-footer-col.stores{grid-column:auto}.site-footer-bottom{flex-direction:column}.site-footer-cta h2{font-size:45px}.cart-item-main{grid-template-columns:1fr}.cart-item-media{max-width:270px}.cart-size-head{display:none}.cart-size-line{grid-template-columns:1fr 1fr}.checkout-fields{grid-template-columns:1fr}.checkout-fields .full{grid-column:auto}.cart-heading,.checkout-heading{align-items:flex-start;flex-direction:column}.catalog-hero h1,.public-page-hero h1,.product-public-info h1,.cart-heading h1,.checkout-heading h1,.order-lead h1{font-size:54px}
  .designer-shell{width:min(calc(100% - 20px),1540px);padding-top:16px}.designer-heading{align-items:flex-start;flex-direction:column}.designer-heading h1{font-size:42px}.designer-grid{display:flex;flex-direction:column}.designer-product-panel{order:1;width:100%}.designer-controls{display:contents}.designer-workspace{order:2;width:100%}.designer-controls>.control-section:nth-of-type(1){order:3;width:100%}.designer-controls>.control-section:nth-of-type(2){order:4;width:100%}.design-tools-section{order:5;width:100%;position:static;max-height:none}.designer-summary{order:6;width:100%;position:static}.product-stage{min-height:390px}.product-stage-wrap{padding:8px}.shape-button-grid{grid-template-columns:repeat(6,1fr)}
  .maintenance-modern{padding:36px 24px}.maintenance-modern h1{font-size:52px}.maintenance-stores{grid-template-columns:1fr}
}
@media(max-width:480px){.home-hero h1{font-size:50px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions a{width:100%}.hero-microproof{display:grid}.home-hero-visual{min-height:350px}.hero-card-canvas{height:255px}.floating-tool{display:none}.floating-swatch{bottom:34px}.benefit-ribbon article{padding-inline:16px}.section-heading h2{font-size:46px}.product-stage{min-height:320px}.shape-button-grid{grid-template-columns:repeat(5,1fr)}.color-swatches{grid-template-columns:repeat(5,1fr)}}

/* =========================================================
   v0.27 — Storefront direction: modern textile designer shop
   ========================================================= */
:root{
  --paper:#fbfcfa;
  --lime:#9DE109;
  --green-glow:rgba(131,188,0,.16);
  --shadow-float:0 24px 70px rgba(1,4,5,.11);
}
body{background:var(--paper)}
.site-topline{height:38px;background:#050706}
.topline-highlight{display:flex;align-items:center;gap:7px;color:#fff;font-weight:800}.topline-highlight svg{width:16px;height:16px;color:var(--lime)}
.site-header{transition:height .25s ease,box-shadow .25s ease,background .25s ease}.site-header.is-scrolled{box-shadow:0 14px 45px rgba(1,4,5,.08);background:rgba(255,255,255,.94)}
.site-nav a{font-weight:750;letter-spacing:-.01em}
.site-footer-shipping{width:min(calc(100% - 64px),var(--shell));margin:auto;border-top:1px solid #242a26;padding:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.site-footer-shipping>div{display:flex;gap:12px;align-items:center}.site-footer-shipping svg{width:28px;height:28px;color:var(--lime)}.site-footer-shipping span{display:grid}.site-footer-shipping strong{color:#fff;font-size:14px}.site-footer-shipping small{color:#78827b;font-size:12px}

/* Home — bolder commerce direction */
.home-hero{padding:78px 0 84px;background:linear-gradient(135deg,#f8faf5 0%,#fff 52%,#eff6e3 100%)}
.home-hero:after{content:"MYSHIRT";position:absolute;left:-22px;bottom:-78px;font-family:var(--font-head);font-size:clamp(120px,18vw,300px);line-height:1;color:rgba(1,4,5,.025);letter-spacing:-.055em;pointer-events:none}
.home-hero-grid{min-height:700px}.home-hero h1{font-size:clamp(82px,8.4vw,132px);line-height:.82}.home-hero h1 span{display:inline-block;position:relative}.home-hero h1 span:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:10px;background:var(--green);border-radius:10px;transform:rotate(-1deg);opacity:.22}
.hero-designer-card{transform:perspective(1000px) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg)) rotate(-1.4deg);transition:transform .25s ease;will-change:transform}.floating-tool,.floating-swatch{translate:var(--float-x,0) var(--float-y,0);transition:translate .18s ease}
.hero-orbit-one{animation:orbit-spin 18s linear infinite}.hero-orbit-two{animation:orbit-spin 24s linear infinite reverse}.floating-swatch{animation:float-soft 5s ease-in-out infinite}.tool-image{animation:float-soft 4.2s ease-in-out infinite .4s}.tool-layers{animation:float-soft 5.6s ease-in-out infinite .8s}
@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes float-soft{0%,100%{margin-top:0}50%{margin-top:-9px}}
.benefit-ribbon{position:relative;z-index:2;box-shadow:0 18px 50px rgba(1,4,5,.04)}
.benefit-ribbon article:first-child{background:var(--ink);color:#fff}.benefit-ribbon article:first-child strong{color:#fff}.benefit-ribbon article:first-child span{color:#aab4ad}.benefit-ribbon article:first-child svg{color:var(--lime)}
.home-categories{background:#eef1eb}.category-card-modern{border:0;box-shadow:0 1px 0 rgba(1,4,5,.05)}.category-card-media{background:#fff}.category-card-modern:nth-child(4n+2) .category-card-media{background:#f5f8ef}.category-card-modern:nth-child(4n+3) .category-card-media{background:#eff1f0}
.home-products{background:#0c0f0d;color:#fff}.home-products .section-heading h2,.home-products .btn-text{color:#fff}.home-products .section-heading>p{color:#9ba49e}.home-products .eyebrow{color:var(--lime)}.home-products .product-card-modern{border-color:#252b27;background:#151a17}.home-products .product-card-media{background:#f2f4ef}.home-products .product-card-body h3,.home-products .product-card-footer>strong{color:#fff}.home-products .product-card-body p{color:#98a199}.home-products .product-card-footer{border-color:#2a312c}.home-products .product-card-footer a{color:var(--lime)}
.home-fulfillment{background:#f5f7f3}.fulfillment-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:22px;align-items:stretch}.fulfillment-card{border-radius:30px;padding:42px;position:relative;overflow:hidden;min-height:430px}.fulfillment-card-shipping{background:var(--green);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.fulfillment-card-shipping:before{content:"DHL";position:absolute;right:-18px;top:-48px;font-family:var(--font-head);font-size:230px;line-height:1;color:rgba(255,255,255,.12);transform:rotate(4deg)}.fulfillment-card h3{font-size:64px;line-height:.9;color:#fff;text-transform:uppercase;margin:10px 0 15px}.fulfillment-card p{max-width:560px;color:#eef8dd;font-size:18px}.fulfillment-label{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.fulfillment-icon{width:64px;height:64px;border-radius:20px;background:#fff;color:var(--ink);display:grid;place-items:center;margin-bottom:auto}.fulfillment-icon svg{width:33px;height:33px}.fulfillment-card .btn-light{margin-top:8px}.pickup-stack{display:grid;gap:14px}.pickup-stack .store-card-modern{background:#fff;min-height:0}.pickup-stack .store-card-modern h3{font-size:38px}
.shipping-track{position:absolute;right:38px;bottom:36px;display:flex;align-items:center;gap:7px;opacity:.38}.shipping-track span{width:9px;height:9px;border-radius:50%;background:#fff}.shipping-track i{width:42px;height:1px;background:#fff}

/* Catalog */
.catalog-page{background:#f5f7f3}.catalog-hero-new{padding:58px 0 72px;background:var(--ink);color:#fff;overflow:hidden;position:relative}.catalog-hero-new:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:var(--green);right:-250px;top:-270px;opacity:.9}.catalog-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);gap:70px;align-items:center;min-height:560px;position:relative}.catalog-hero-copy{position:relative;z-index:2}.catalog-hero-new .eyebrow{color:var(--lime)}.catalog-hero-new h1{color:#fff;font-size:clamp(78px,8vw,126px);line-height:.82;margin:16px 0 28px}.catalog-hero-new h1 em{color:var(--lime);font-style:normal}.catalog-hero-new p{color:#b8c1bb;font-size:20px;max-width:650px}.catalog-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.catalog-hero-actions>span{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:750;color:#c7cec9}.catalog-hero-actions>span svg{color:var(--lime)}
.catalog-hero-art{height:480px;position:relative;z-index:2}.catalog-art-shirt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);width:330px;height:390px;border-radius:45% 45% 22% 22%;background:#fff;color:#d9ded8;display:grid;place-items:center;box-shadow:0 35px 80px rgba(0,0,0,.28)}.catalog-art-shirt>svg{width:240px;height:240px}.catalog-art-shirt b{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(4deg);font-family:var(--font-head);font-size:52px;line-height:.78;text-align:center;color:var(--ink)}.catalog-art-card{position:absolute;background:#fff;color:var(--ink);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.2);display:flex;align-items:center;gap:10px;padding:16px 18px;z-index:3}.catalog-art-card span{font-family:var(--font-head);font-size:44px;color:var(--green-text)}.catalog-art-card small{font-size:12px;line-height:1.25;font-weight:800}.catalog-art-card svg{width:32px;height:32px;color:var(--green-text)}.art-card-one{left:8%;top:7%;transform:rotate(4deg)}.art-card-two{right:3%;bottom:10%;transform:rotate(-5deg)}.catalog-art-line{position:absolute;width:78%;height:78%;border:1px dashed rgba(255,255,255,.18);border-radius:50%;left:13%;top:11%;animation:orbit-spin 26s linear infinite}
.catalog-main{padding:76px 0 96px}.catalog-intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:28px}.catalog-intro-row h2{font-size:clamp(52px,5vw,78px);text-transform:uppercase;margin:5px 0 0}.catalog-intro-row p{max-width:480px;text-align:right;color:var(--muted);font-size:14px;margin:0 0 8px}.catalog-filters-new{display:flex;gap:8px;overflow-x:auto;padding:4px 0 28px;margin:0 0 22px;scrollbar-width:none}.catalog-filters-new::-webkit-scrollbar{display:none}.catalog-filters-new a{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:11px 14px 11px 16px;border-radius:999px;background:#fff;border:1px solid #dde2da}.catalog-filters-new a b{min-width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef1ec;font-size:10px}.catalog-filters-new a.active{background:var(--ink);color:#fff;border-color:var(--ink)}.catalog-filters-new a.active b{background:var(--green);color:#fff}
.product-grid-shop{grid-template-columns:repeat(3,1fr);gap:26px;width:100%}.product-card-shop{border:0;border-radius:28px;box-shadow:0 1px 0 rgba(1,4,5,.06);transition:transform .28s ease,box-shadow .28s ease}.product-card-shop:hover{transform:translateY(-7px);box-shadow:0 26px 65px rgba(1,4,5,.1)}.product-card-shop .product-media{height:430px;background:#fff;border-radius:28px 28px 0 0;overflow:hidden}.product-card-shop:nth-child(3n+2) .product-media{background:#eef2e9}.product-card-shop:nth-child(3n+3) .product-media{background:#f2f1ee}.product-card-shop .product-media img{max-width:88%;max-height:91%;transition:transform .35s ease}.product-card-shop:hover .product-media img{transform:scale(1.035)}.product-index{position:absolute;right:18px;top:14px;font-family:var(--font-head);font-size:26px;color:#c8cec7}.product-media-action{position:absolute;right:16px;bottom:16px;background:var(--ink);color:#fff;border-radius:999px;padding:10px 13px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:850;transform:translateY(10px);opacity:0;transition:.25s}.product-card-shop:hover .product-media-action{transform:none;opacity:1}.product-media-action svg{width:16px;height:16px}.product-placeholder svg{width:130px;height:130px;color:#c6cdc5}.product-card-shop .product-copy{padding:24px}.product-copy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.product-copy-head h3{font-size:34px;line-height:1;margin:0}.product-copy-head .product-price{font-size:15px;white-space:nowrap}.product-card-shop .product-copy p{min-height:46px;margin:12px 0 20px}.product-card-shop .product-action{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--green);border-radius:14px;padding:13px 15px}.product-card-shop .product-action:hover{background:var(--ink)}
.catalog-service-strip{padding:0 0 100px}.catalog-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.catalog-service-grid article{background:#fff;border-radius:24px;padding:28px;display:flex;gap:17px;border:1px solid #e1e5de}.catalog-service-grid svg{width:38px;height:38px;color:var(--green-text)}.catalog-service-grid article div{display:grid}.catalog-service-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:850}.catalog-service-grid strong{font-family:var(--font-head);font-size:30px;color:var(--ink);text-transform:uppercase}.catalog-service-grid p{font-size:14px;color:var(--muted);margin:4px 0 0}

/* Product detail */
.product-detail-page{background:#f6f8f4}.product-public-grid-new{gap:28px}.product-public-gallery{position:relative}.product-gallery-kicker{display:flex;justify-content:space-between;align-items:center;margin:0 4px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#737d76}.product-gallery-kicker b{color:var(--green-text)}.product-public-mainmedia{position:relative;min-height:680px;border-radius:32px;background:#fff;overflow:hidden}.product-public-mainmedia:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:var(--green-glow);right:-80px;top:-80px}.product-media-stamp{position:absolute;left:22px;bottom:22px;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--ink);color:#fff;font-family:var(--font-head);font-size:18px;line-height:.9;transform:rotate(-8deg)}.product-public-info{border:0;border-radius:32px;padding:38px;box-shadow:var(--shadow-float)}.product-public-info h1{font-size:clamp(64px,5.6vw,90px)}.product-public-price{background:#f5f7f2;border:0;border-radius:18px;padding:18px 20px}.product-public-price strong{font-size:35px}.product-designer-cta{padding:19px 20px;border-radius:18px}.product-designer-cta>svg{width:28px;height:28px}.product-delivery-choice{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:16px 0;margin-top:10px;border-bottom:1px solid var(--line)}.product-delivery-choice>div{display:flex;align-items:center;gap:9px}.product-delivery-choice svg{width:25px;height:25px;color:var(--green-text)}.product-delivery-choice span{display:grid}.product-delivery-choice strong{font-size:12px}.product-delivery-choice small{font-size:10px;color:var(--muted)}.product-delivery-choice>i{font-style:normal;font-size:10px;color:#9aa39d}.product-public-trust{display:flex;flex-wrap:wrap;gap:8px}.product-public-trust span{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:#f1f4ee;font-size:11px}.product-public-trust svg{width:14px;height:14px;color:var(--green-text)}.product-public-details{margin-top:28px;padding-top:26px;border-top:1px solid var(--line);display:grid;gap:24px}.product-public-description-block>.eyebrow{display:block;margin-bottom:10px}.product-public-description-block .richtext-public{font-size:15px;line-height:1.72;color:#46504a}.product-public-description-block .richtext-public>p:first-child{font-size:15px;line-height:1.72;color:#46504a}.product-public-description-block .richtext-public p:last-child{margin-bottom:0}.product-public-description-block .richtext-public h2{font-size:30px;line-height:1;margin:20px 0 10px}.product-public-description-block .richtext-public h3{font-size:24px;line-height:1.05;margin:18px 0 9px}.product-public-description-block .richtext-public ul,.product-public-description-block .richtext-public ol{padding-left:20px}.product-public-printareas{background:#f5f7f2;border-radius:18px;padding:18px 20px}.product-public-printareas-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.product-public-printareas-head>span{display:grid;gap:3px}.product-public-printareas-head .eyebrow{font-size:10px}.product-public-printareas-head strong{font-family:var(--font-head);font-size:26px;line-height:1;text-transform:uppercase;color:var(--ink)}.product-public-printareas-head>b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:13px}.product-public-printareas ul{list-style:none;padding:0;margin:15px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}.product-public-printareas li{display:grid;gap:2px;padding:10px 12px;background:#fff;border:1px solid #e1e6de;border-radius:11px}.product-public-printareas li strong{font-size:13px}.product-public-printareas li small{font-size:10px;color:var(--muted)}.product-detail-section{background:#fff}.product-detail-lower{margin-bottom:0}.product-detail-lower h2{font-size:64px;line-height:.9}.product-detail-lower aside{background:var(--ink);color:#fff;border:0;padding:28px}.product-detail-lower aside .eyebrow{color:var(--lime)}.product-detail-lower aside>strong{display:block;color:#fff;font-family:var(--font-head);font-size:32px;text-transform:uppercase;margin:5px 0 14px}.product-detail-lower aside li{border-color:#29302c}.product-detail-lower aside small{color:#8f9992}

/* Content pages */
.public-page-hero-new{padding:64px 0 76px;background:#f3f5f1;overflow:hidden;position:relative}.public-page-hero-new:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(131,188,0,.09);left:-300px;bottom:-280px}.public-page-hero-new .public-page-hero-inner{grid-template-columns:minmax(0,.95fr) minmax(420px,.72fr);gap:70px}.public-page-hero-new h1{font-size:clamp(74px,7vw,108px);line-height:.84}.public-page-hero-copy>p{font-size:20px;max-width:700px}.page-hero-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.page-hero-proof span{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#fff;border:1px solid #e0e5dc;border-radius:999px;font-size:11px;font-weight:800}.page-hero-proof svg{width:16px;height:16px;color:var(--green-text)}.public-page-hero-media{min-height:430px;border-radius:34px;box-shadow:var(--shadow-float)}.hero-media-tag{position:absolute;left:18px;bottom:18px;background:#fff;color:var(--ink);padding:8px 11px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em}.page-art{background:var(--ink)}.page-art-word{position:absolute;left:34px;top:30px;color:#fff;font-family:var(--font-head);font-size:74px;line-height:.74;z-index:2}.page-art-dot{position:absolute;border-radius:50%;background:var(--green)}.dot-one{width:160px;height:160px;right:-25px;top:-25px}.dot-two{width:36px;height:36px;left:55px;bottom:44px}.page-art-line{position:absolute;width:260px;height:260px;border-radius:50%;border:1px dashed rgba(255,255,255,.22);right:28px;bottom:24px}.page-art-icon{position:absolute;right:76px;bottom:68px;color:#fff;opacity:.8}.page-art-icon svg{width:160px;height:160px}.public-content-shell-new{width:min(calc(100% - 64px),1180px);display:grid;grid-template-columns:82px minmax(0,1fr);gap:52px;padding:88px 0 100px}.content-rail{display:flex;flex-direction:column;align-items:center;gap:14px;color:#9ca49e;position:sticky;top:130px;height:max-content}.content-rail span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.2em;font-weight:900}.content-rail i{height:110px;width:1px;background:#d8ddd6}.content-rail b{font-family:var(--font-head);font-size:28px;color:var(--green-text)}.public-content{max-width:900px}.richtext-public{font-size:19px;line-height:1.82}.richtext-public>p:first-child{font-size:23px;line-height:1.62;color:#3c4540}.richtext-public h2{font-size:clamp(44px,5vw,68px);line-height:.95}.richtext-public h3{font-size:38px}.richtext-public ul,.richtext-public ol{padding-left:24px}.richtext-public li{margin:7px 0}.content-cta{border-radius:26px;padding:32px}.content-cta.dark{background:var(--ink);color:#fff;border:0}.content-cta.dark h2{color:#fff}.page-end-cta{background:var(--ink);color:#fff;padding:74px 0}.page-end-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.page-end-cta h2{color:#fff;font-size:clamp(52px,5vw,78px);line-height:.9;text-transform:uppercase;margin:7px 0 10px}.page-end-cta p{color:#a9b2ac;max-width:670px;margin:0}.page-end-cta .eyebrow{color:var(--lime)}

/* Store pages and checkout: shipping remains first-class */
.store-page .public-page-hero{background:#f3f5f1}.store-page .store-public-card{border:0;box-shadow:0 16px 45px rgba(1,4,5,.07);border-radius:28px}.store-page .content-cta{background:#eef6df}.checkout-delivery-option.shipping{border:2px solid rgba(131,188,0,.34);background:#f8fbf3;position:relative}.checkout-delivery-option.shipping:before{content:"DHL-Versand";display:inline-flex;align-items:center;align-self:flex-start;background:var(--green);color:#fff;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.checkout-delivery-option.shipping:has(input:checked){border-color:var(--green-text);box-shadow:0 0 0 3px rgba(131,188,0,.12)}

/* Designer: cleaner app surface + fail-safe image visibility */
.designer-page{background:#e9ede7}.designer-shell{padding-top:22px}.designer-heading{padding-bottom:18px}.designer-heading h1{font-size:clamp(46px,4.3vw,70px)}.designer-grid{gap:12px}.designer-product-panel,.designer-controls>.control-section:not(.design-tools-section),.design-tools-section,.designer-summary,.designer-workspace{border:0;box-shadow:0 10px 35px rgba(1,4,5,.07)}.designer-workspace{border-radius:26px}.product-stage-wrap{padding:16px;background:#e9ede7}.product-stage{min-height:650px;border-radius:22px;background-color:#fdfefd;background-image:radial-gradient(#d7ddd5 1px,transparent 1px);background-size:20px 20px;box-shadow:0 0 0 1px #dfe4dc}.product-stage canvas{position:relative;z-index:2}.product-stage .product-fallback{z-index:1}.print-area-layer{z-index:3}.stage-message{z-index:4;inset:auto 14px 14px 14px;border-radius:13px;background:rgba(1,4,5,.88);color:#fff;display:flex;align-items:center;gap:7px;padding:10px 12px;text-align:left;font-size:11px;box-shadow:0 8px 25px rgba(0,0,0,.18)}.stage-message strong{font-size:11px}.stage-message span{color:#c9d0cc}.view-switcher{height:auto;min-height:64px;padding:10px;background:#fff}.view-button{border-radius:999px}.view-button.active{background:var(--green)}.designer-summary{background:#111512;border-radius:24px}.design-tools-section{border-radius:24px}.designer-tool-button{background:#f2f5ef;border:0}.designer-tool-button:hover{box-shadow:inset 0 0 0 2px var(--green)}

/* Scroll reveal */
.motion-ready .motion-reveal{opacity:0;transform:translateY(24px);transition:opacity .55s ease var(--reveal-delay,0ms),transform .55s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms)}.motion-ready .motion-reveal.is-visible{opacity:1;transform:none}.motion-reduced .motion-reveal{opacity:1!important;transform:none!important}

@media(max-width:1250px){
  .fulfillment-grid{grid-template-columns:1fr 1fr}.product-grid-shop{grid-template-columns:repeat(3,1fr)}.product-card-shop .product-media{height:370px}.catalog-hero-grid{grid-template-columns:1fr 1fr;gap:35px}.catalog-art-shirt{width:290px;height:340px}
}
@media(max-width:1060px){
  .catalog-hero-grid,.fulfillment-grid,.public-page-hero-new .public-page-hero-inner{grid-template-columns:1fr}.catalog-hero-art{height:390px;max-width:650px;width:100%;margin:auto}.product-grid-shop{grid-template-columns:repeat(2,1fr)}.catalog-service-grid{grid-template-columns:1fr}.pickup-stack{grid-template-columns:1fr 1fr}.public-page-hero-media{min-height:360px}.public-content-shell-new{grid-template-columns:50px 1fr}.site-footer-shipping{grid-template-columns:1fr 1fr}.product-public-mainmedia{min-height:560px}
}
@media(max-width:760px){
  .site-footer-shipping{width:min(calc(100% - 32px),var(--shell));grid-template-columns:1fr}.home-hero{padding-top:44px}.home-hero h1{font-size:68px}.home-hero h1 span:after{height:6px}.fulfillment-card{padding:28px;min-height:360px}.fulfillment-card h3{font-size:52px}.pickup-stack{grid-template-columns:1fr}.catalog-hero-new{padding-top:42px}.catalog-hero-new h1{font-size:68px}.catalog-hero-art{height:330px}.catalog-art-shirt{width:220px;height:270px}.catalog-art-shirt>svg{width:165px;height:165px}.catalog-art-shirt b{font-size:37px}.catalog-art-card{padding:10px 12px}.catalog-art-card span{font-size:32px}.catalog-main{padding:55px 0 70px}.catalog-intro-row{display:block}.catalog-intro-row p{text-align:left;margin-top:10px}.catalog-intro-row h2{font-size:54px}.product-grid-shop{grid-template-columns:1fr}.product-card-shop .product-media{height:360px}.product-media-action{opacity:1;transform:none}.public-page-hero-new h1{font-size:62px}.public-page-hero-media{min-height:300px}.page-art-word{font-size:56px}.public-content-shell-new{width:min(calc(100% - 32px),1180px);grid-template-columns:1fr;padding:60px 0}.content-rail{display:none}.page-end-cta-inner{flex-direction:column;align-items:flex-start}.product-public-mainmedia{min-height:440px}.product-delivery-choice{grid-template-columns:1fr}.product-delivery-choice>i{display:none}.designer-page .site-header{position:sticky}.product-stage{min-height:430px}
}
@media(max-width:480px){
  .home-hero h1{font-size:56px}.catalog-hero-new h1{font-size:56px}.catalog-hero-art{height:285px}.art-card-one{left:0}.art-card-two{right:0}.product-card-shop .product-media{height:320px}.fulfillment-card h3{font-size:44px}.public-page-hero-new h1{font-size:52px}.page-art-word{font-size:48px}.page-art-icon svg{width:120px;height:120px}.product-public-info{padding:26px}.product-public-mainmedia{min-height:360px}
}

/* v0.27 detail polish */
.store-public-layout-new{gap:22px}.store-public-layout-new .store-public-card h2{font-size:48px;line-height:.95;text-transform:uppercase;margin:7px 0 20px}.store-contact-list>span,.store-contact-list>a{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #edf0eb;font-size:14px}.store-contact-list strong{color:var(--ink)}.store-hours-public>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #edf0eb;font-size:14px}.store-shipping-note{display:flex;gap:13px;margin-top:24px;padding:18px;border-radius:17px;background:var(--ink);color:#fff}.store-shipping-note svg{width:30px;height:30px;color:var(--lime)}.store-shipping-note>div{display:grid}.store-shipping-note strong{font-size:14px}.store-shipping-note span{font-size:12px;color:#aab3ad}
.checkout-shipping-badge{display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--ink);color:#fff;border-radius:16px}.checkout-shipping-badge svg{width:28px;height:28px;color:var(--lime)}.checkout-shipping-badge span{display:grid}.checkout-shipping-badge strong{font-size:13px}.checkout-shipping-badge small{font-size:10px;color:#aeb7b1}.checkout-delivery-option{align-items:center}.checkout-delivery-option.shipping:before{margin-right:2px}.checkout-delivery-option>span{display:grid;flex:1}.checkout-delivery-option small{color:var(--muted)}
.designer-delivery-note{margin-top:14px!important;padding:12px 0 0!important;border-top:1px solid #29302c!important;border-bottom:0!important;justify-content:flex-start!important;align-items:center!important;gap:9px!important}.designer-delivery-note svg{width:24px;height:24px;color:var(--lime)}.designer-delivery-note span{display:grid!important;color:#fff!important}.designer-delivery-note strong{text-align:left!important;font-size:11px!important}.designer-delivery-note small{color:#89938c;font-size:9px}
@media(max-width:760px){.checkout-shipping-badge{width:100%}.store-public-layout-new .store-public-card h2{font-size:40px}.store-contact-list>span,.store-contact-list>a{display:grid;gap:3px}}

/* =========================================================
   v0.28 – Typografie, Katalogkarten, Unterseiten-Hero
   ========================================================= */
html{scroll-padding-top:126px}
[id]{scroll-margin-top:126px}
h1,h2,h3,h4{line-height:1.08}
.home-hero h1,.section-heading h2,.advantage-copy h2,.home-final-cta h2,
.catalog-hero h1,.catalog-hero-new h1,.public-page-hero h1,.public-page-hero-new h1,
.product-public-info h1,.product-detail-lower h2,.richtext-public h2,.richtext-public h3,
.page-end-cta h2,.cart-heading h1,.checkout-heading h1,.order-lead h1,.designer-heading h1,
.store-public-layout-new .store-public-card h2{line-height:1.04}
.hero-design-label,.product-media-stamp{line-height:1.02}

/* Logo: festes Markenasset, eindeutige Proportion und mehr Präsenz im Header */
.site-header-inner{grid-template-columns:270px minmax(0,1fr) auto}
.site-brand{width:100%;max-width:250px}
.brand-logo-image{display:block;width:238px;height:auto;max-width:100%;max-height:none;object-fit:contain;object-position:left center}
.site-footer .site-brand{max-width:240px}.site-footer .brand-logo-image{width:225px}

/* Textilkatalog – neue Studio-Grafik */
.catalog-hero-new h1{font-size:clamp(74px,7.5vw,116px);letter-spacing:-.02em;margin:18px 0 28px}
.catalog-hero-art{height:500px}
.catalog-studio-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-1.5deg);width:min(520px,84%);background:#fff;border:1px solid rgba(255,255,255,.22);border-radius:28px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.32);z-index:2}
.catalog-studio-toolbar{height:48px;border-bottom:1px solid #e8ece6;padding:0 16px;display:flex;align-items:center;gap:7px;color:#6d766f;font-size:11px;font-weight:800}.catalog-studio-toolbar i{width:8px;height:8px;border-radius:50%;background:#d8ddd6}.catalog-studio-toolbar i:first-child{background:var(--green)}.catalog-studio-toolbar span{margin-left:5px}.catalog-studio-toolbar b{margin-left:auto;color:var(--ink)}
.catalog-studio-canvas{position:relative;height:355px;display:grid;place-items:center;overflow:hidden;background-color:#f7f9f5;background-image:radial-gradient(#dfe4dc 1px,transparent 1px);background-size:20px 20px}
.catalog-studio-canvas:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:color-mix(in srgb,var(--product-color,#fff) 22%,#eef2e9);border:1px solid color-mix(in srgb,var(--product-color,#fff) 35%,#dfe4dc)}
.catalog-product-visual{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;min-width:0}.catalog-product-visual img,.catalog-product-visual canvas{grid-area:1/1;display:block;max-width:88%;max-height:92%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(1,4,5,.12));transition:opacity .2s ease,transform .3s ease}.catalog-product-visual canvas{opacity:0}.catalog-product-visual canvas.is-rendered{opacity:1}.catalog-product-visual canvas.is-rendered~img{opacity:0}.catalog-product-visual img{z-index:1}.catalog-product-visual canvas{z-index:2}
/* DOM-Reihenfolge ist Bild -> Canvas; bei erfolgreicher Vorschau wird das Bild zusätzlich über :has ausgeblendet. */
.catalog-product-visual:has(canvas.is-rendered) img{opacity:0}
.hero-product-visual{width:72%;height:92%}.hero-product-visual img,.hero-product-visual canvas{max-width:100%;max-height:100%}
.catalog-art-product-placeholder{position:relative;z-index:2;color:#b9c0ba}.catalog-art-product-placeholder svg{width:210px;height:210px}
.catalog-print-frame{position:absolute;z-index:4;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-2deg);width:34%;height:39%;border:2px dashed var(--green);border-radius:6px;display:grid;place-items:center}.catalog-print-frame span{background:rgba(255,255,255,.92);padding:5px 8px;border-radius:7px;font-family:var(--font-head);font-size:22px;line-height:1;color:var(--ink);letter-spacing:.02em}
.catalog-studio-footer{height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px}.catalog-studio-footer strong{font-family:var(--font-head);font-size:25px;text-transform:uppercase;color:var(--ink)}.catalog-studio-footer span{font-size:11px;color:var(--muted);font-weight:800}
.catalog-art-line{width:84%;height:84%;left:8%;top:8%}.art-card-one{left:0;top:8%}.art-card-two{right:0;bottom:7%}

/* Textilien – Karten ohne Überlagerungen, klare Kaufhierarchie */
.product-grid-shop{align-items:stretch;gap:24px}
.product-card-shop{display:flex;flex-direction:column;background:#fff;border:1px solid #e1e6de;border-radius:26px;overflow:hidden;box-shadow:0 12px 38px rgba(1,4,5,.05)}
.product-card-shop:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(1,4,5,.10)}
.product-card-shop .product-media{height:390px;border-radius:0;background:#fff;padding:28px;isolation:isolate}
.product-card-shop:nth-child(3n+2) .product-media,.product-card-shop:nth-child(3n+3) .product-media{background:#fff}
.product-color-accent{position:absolute;z-index:0;width:250px;height:250px;border-radius:50%;right:-62px;bottom:-74px;background:var(--product-color,#fff);opacity:.12;box-shadow:0 0 0 1px color-mix(in srgb,var(--product-color,#fff) 35%,#e2e7df)}
.product-card-shop .catalog-product-visual{z-index:1}.product-card-shop .catalog-product-visual img,.product-card-shop .catalog-product-visual canvas{max-width:92%;max-height:94%}
.product-card-shop:hover .catalog-product-visual img,.product-card-shop:hover .catalog-product-visual canvas{transform:scale(1.025)}
.product-category{z-index:4;left:18px;top:18px;padding:7px 10px;background:rgba(255,255,255,.94);border:1px solid #e3e7e0;box-shadow:none}
.product-index{z-index:4;right:18px;top:13px;color:#c9d0c9;font-size:24px}
.product-media-action{z-index:5;right:18px;bottom:18px}
.product-card-shop .product-copy{padding:24px;display:flex;flex-direction:column;flex:1;min-height:270px}
.product-copy-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.product-copy-head h3{font-size:33px;line-height:1.08;margin:0;min-width:0}.product-copy-head .product-price{align-self:start;background:#f1f5eb;border-radius:999px;padding:7px 9px;font-size:12px;line-height:1.2;color:var(--green-text);font-weight:900;white-space:nowrap}
.product-card-shop .product-copy p{min-height:0;margin:12px 0 17px;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted)}
.product-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.product-card-meta span{display:flex;align-items:center;gap:5px;border:1px solid #e1e6de;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:800;color:#5f6963}.product-card-meta svg{width:14px;height:14px;color:var(--green-text)}
.product-card-shop .product-action{margin-top:auto;min-height:48px;padding:12px 14px;border-radius:13px;color:#fff;font-weight:850}.product-card-shop .product-action svg{width:18px;height:18px}

/* Einheitlicher dunkler Hero für Inhalts- und Filial-Unterseiten */
.public-page-hero-new,.store-page .public-page-hero.public-page-hero-new{background:var(--ink);color:#fff;padding:68px 0 78px}
.public-page-hero-new:before{content:"";position:absolute;right:-220px;top:-310px;width:650px;height:650px;border-radius:50%;background:var(--green);opacity:.92}
.public-page-hero-new:after{left:-280px;bottom:-330px;background:rgba(168,217,52,.08)}
.public-page-hero-new .public-page-hero-inner{position:relative;z-index:2}
.public-page-hero-new .eyebrow{color:var(--lime)}
.public-page-hero-new h1{color:#fff;font-size:clamp(68px,6.7vw,104px);letter-spacing:-.02em;margin:15px 0 24px}
.public-page-hero-new .public-page-hero-copy>p{color:#b8c1bb;font-size:19px;line-height:1.65}
.public-page-hero-new .page-hero-proof span{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#fff}.public-page-hero-new .page-hero-proof svg{color:var(--lime)}
.public-page-hero-new .public-page-hero-media{border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 75px rgba(0,0,0,.28)}
.public-page-hero-new .hero-media-tag{background:rgba(1,4,5,.88);color:#fff;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);letter-spacing:.02em;text-transform:none}

/* Neue abstrakte Textildesigner-Grafik statt englischem Poster */
.page-art-studio{background:#101511}
.page-art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px}
.page-art-board{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);width:67%;height:74%;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 24px 55px rgba(0,0,0,.28)}
.page-art-board-top{height:38px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #e7ebe5;font-size:9px;font-weight:800;color:#68716b}.page-art-board-top i{width:7px;height:7px;border-radius:50%;background:#d7ddd5}.page-art-board-top i:first-child{background:var(--green)}.page-art-board-top span{margin-left:4px}
.page-art-board-canvas{position:relative;height:calc(100% - 38px);display:grid;place-items:center;background-color:#f6f8f4;background-image:radial-gradient(#dce2da 1px,transparent 1px);background-size:17px 17px}.page-art-shirt{color:#c6cdc6}.page-art-shirt svg{width:175px;height:175px}.page-art-printzone{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(2deg);width:38%;height:42%;border:2px dashed var(--green);border-radius:5px;display:grid;place-items:center}.page-art-printzone span{font-family:var(--font-head);font-size:18px;line-height:1;background:#fff;color:var(--ink);padding:5px 7px;border-radius:5px}
.page-art-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:6px;border-radius:999px;padding:9px 11px;background:#fff;color:var(--ink);font-size:10px;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.20)}.page-art-chip svg{width:15px;height:15px;color:var(--green-text)}.chip-dtf{left:4%;top:9%;transform:rotate(5deg)}.chip-shipping{right:3%;bottom:11%;transform:rotate(-4deg)}.chip-piece{left:7%;bottom:9%;background:var(--green);color:#fff;transform:rotate(-3deg)}
.page-art-orbit{position:absolute;z-index:1;width:92%;height:92%;left:4%;top:4%;border:1px dashed rgba(255,255,255,.16);border-radius:50%;animation:orbit-spin 28s linear infinite}

/* Footer beginnt nach Entfernen des doppelten Bereitschafts-CTAs direkt mit den Inhalten. */
.site-footer-main{padding-top:68px}

@media(max-width:1250px){
  .site-header-inner{grid-template-columns:230px minmax(0,1fr) auto;gap:24px}.brand-logo-image{width:210px}
  .catalog-studio-window{width:min(460px,88%)}
  .product-card-shop .product-media{height:350px}.product-copy-head h3{font-size:30px}
}
@media(max-width:1060px){
  html{scroll-padding-top:108px}[id]{scroll-margin-top:108px}
  .catalog-hero-art{height:440px}.catalog-studio-window{width:min(520px,82%)}
  .public-page-hero-new .public-page-hero-inner{gap:38px}.page-art-board{width:58%}
}
@media(max-width:760px){
  html{scroll-padding-top:94px}[id]{scroll-margin-top:94px}
  .brand-logo-image{width:176px}.site-brand{max-width:180px}
  .home-hero h1,.catalog-hero-new h1,.public-page-hero-new h1,.section-heading h2,.page-end-cta h2{line-height:1.07}
  .catalog-hero-new h1{font-size:62px}.catalog-hero-art{height:360px}.catalog-studio-window{width:82%;border-radius:20px}.catalog-studio-canvas{height:245px}.catalog-studio-footer{height:58px}.catalog-studio-footer strong{font-size:20px}.catalog-print-frame span{font-size:16px}.catalog-art-card small{font-size:10px}
  .product-card-shop .product-media{height:330px}.product-card-shop .product-copy{min-height:0}.product-copy-head h3{font-size:31px}
  .public-page-hero-new{padding:48px 0 56px}.public-page-hero-new h1{font-size:58px}.page-art-board{width:62%;height:72%}.page-art-chip{padding:7px 9px;font-size:9px}
}
@media(max-width:480px){
  .brand-logo-image{width:160px}
  .catalog-hero-new h1{font-size:54px}.catalog-hero-art{height:315px}.catalog-studio-window{width:88%}.catalog-studio-canvas{height:210px}.catalog-studio-toolbar{height:40px}.catalog-studio-footer{height:52px}.catalog-studio-footer span{display:none}.catalog-print-frame{width:38%;height:42%}.catalog-print-frame span{font-size:14px}.art-card-one{left:-2%;top:2%}.art-card-two{right:-2%;bottom:2%}
  .product-card-shop .product-media{height:300px;padding:20px}.product-copy-head{grid-template-columns:1fr}.product-copy-head .product-price{justify-self:start}.product-card-shop .product-copy{padding:20px}.product-card-meta{gap:5px}
  .public-page-hero-new h1{font-size:50px}.page-art-board{width:68%}.page-art-shirt svg{width:130px;height:130px}.page-art-printzone span{font-size:14px}.chip-dtf{left:1%}.chip-shipping{right:1%}.chip-piece{left:2%}
}


/* v0.30 – Startseite: saubere Karten und dunkler Vorteils-Trenner */
.home-page .benefit-ribbon{
  background:var(--ink);
  border-block-color:#222824;
  box-shadow:none;
}
.home-page .benefit-ribbon article{
  background:transparent !important;
  color:#fff;
  border-right-color:#2b322d;
}
.home-page .benefit-ribbon strong{color:#fff}
.home-page .benefit-ribbon span{color:#9ea8a1}
.home-page .benefit-ribbon svg{color:var(--lime)}

/* Medienbereiche dürfen niemals in den Textteil einer Karte hineinragen. */
.home-page .category-card-media,
.home-page .product-card-media{
  overflow:hidden;
  flex:0 0 auto;
  isolation:isolate;
}
.home-page .category-card-copy,
.home-page .product-card-body{
  position:relative;
  z-index:2;
}
.home-page .product-card-media{
  height:auto;
  aspect-ratio:4 / 4.15;
  min-height:0;
  padding:24px;
}
.home-page .product-card-media img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
.home-page .category-card-media img{
  max-width:100%;
  max-height:100%;
}
.home-page .product-card-body{
  min-height:205px;
  padding-top:24px;
}
.home-page .product-card-body h3{
  line-height:1.08;
  margin-bottom:10px;
}
.home-page .product-card-body p{
  margin-bottom:18px;
}

@media(max-width:760px){
  .home-page .benefit-ribbon article{border-bottom-color:#2b322d}
  .home-page .product-card-media{aspect-ratio:4 / 3.7}
  .home-page .product-card-body{min-height:0}
}

/* =========================================================
   MyShirt OS v0.31 · Designer Workspace & Kundenkonto
   ========================================================= */
.header-account-link{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-weight:800;text-decoration:none;white-space:nowrap}.header-account-link .ui-icon{width:20px;height:20px}.header-account-link.active,.header-account-link:hover{color:var(--green-text)}

.designer-page{background:#e9ede7}.designer-shell-v2{width:min(calc(100% - 28px),1680px);padding:14px 0 52px}.designer-appbar{position:sticky;top:0;z-index:45;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(360px,1fr);align-items:center;gap:18px;min-height:72px;margin:0 0 14px;padding:10px 14px;background:rgba(255,255,255,.96);border:1px solid #dfe5dc;border-radius:20px;box-shadow:0 12px 35px rgba(1,4,5,.09);backdrop-filter:blur(14px)}
.designer-appbar-product{display:flex;align-items:center;gap:11px;min-width:0}.designer-appbar-product>div{display:grid;min-width:0}.designer-appbar-product span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--green-text);font-weight:900}.designer-appbar-product strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.designer-back-link{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;border-radius:12px;background:#111512;color:#fff}.designer-back-link .ui-icon{transform:rotate(180deg);width:18px}
.designer-appbar-state{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:7px;row-gap:0;color:#66706b;font-size:12px;font-weight:800}.designer-appbar-state small{grid-column:1/-1;text-align:center;font-size:9px;font-weight:500;color:#8a948e}.design-state-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(131,188,0,.12)}.design-save-state.dirty,.designer-appbar-state:has(.dirty){color:#8a5700}
.designer-appbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px}.designer-top-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid #dce2da;background:#fff;color:var(--ink);border-radius:12px;font:inherit;font-size:12px;font-weight:850;text-decoration:none;cursor:pointer}.designer-top-action:hover{border-color:#bdc8b7;background:#f7f9f5}.designer-top-action.primary{background:var(--green);border-color:var(--green-text);color:#fff}.designer-top-action:disabled{opacity:.55;cursor:not-allowed}.designer-top-action .ui-icon{width:17px;height:17px}
.designer-shared-notice{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 15px;border-radius:15px;background:#111512;color:#fff}.designer-shared-notice.editable{background:#f3f7eb;color:var(--ink);border:1px solid #dce8c9}.designer-shared-notice>.ui-icon{flex:0 0 auto;width:20px;color:var(--green-text)}.designer-shared-notice>div{display:grid;gap:2px}.designer-shared-notice strong{font-size:12px}.designer-shared-notice span{font-size:11px;color:#b6c0ba}.designer-shared-notice.editable span{color:var(--muted)}

.designer-grid-v2{display:grid;grid-template-columns:330px minmax(620px,1fr) 370px;gap:14px;align-items:start}.designer-tools-column,.designer-config-column{display:grid;gap:9px;position:sticky;top:86px;max-height:calc(100vh - 100px);overflow:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-width:thin}.designer-column-head{display:grid;gap:2px;padding:16px 18px 13px;background:#111512;color:#fff;border-radius:19px}.designer-column-head>span{font-size:10px;letter-spacing:.13em;color:#a7d92c;font-weight:900}.designer-column-head>strong{font-family:var(--font-heading);font-size:25px;line-height:1.08;text-transform:uppercase}.designer-column-head>small{font-size:10px;line-height:1.4;color:#aab3ad}
.designer-area-card{padding:12px 14px;background:#fff;border-radius:16px;box-shadow:0 8px 26px rgba(1,4,5,.055)}.designer-area-card [data-area-picker-wrap]{display:grid;gap:5px}.designer-area-card label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--green-text);font-weight:900}.designer-area-card select,.designer-product-panel-v2 select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #dce2da;border-radius:11px;background:#fff;color:var(--ink)}
.designer-accordion{background:#fff;border:0;border-radius:17px;box-shadow:0 8px 26px rgba(1,4,5,.055);overflow:visible}.designer-accordion>summary{list-style:none;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:66px;padding:10px 13px;cursor:pointer;user-select:none}.designer-accordion>summary::-webkit-details-marker{display:none}.designer-accordion>summary>span:nth-child(2){display:grid;gap:1px;min-width:0}.designer-accordion>summary strong{font-size:13px;color:var(--ink)}.designer-accordion>summary small{font-size:9px;color:#7b857f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-accordion>summary>i{position:relative;width:16px;height:16px}.designer-accordion>summary>i:before,.designer-accordion>summary>i:after{content:"";position:absolute;left:3px;top:7px;width:10px;height:1.5px;background:#5f6963;border-radius:2px;transition:transform .2s ease}.designer-accordion>summary>i:after{transform:rotate(90deg)}.designer-accordion[open]>summary>i:after{transform:rotate(0)}.designer-accordion[open]>summary{border-bottom:1px solid #edf0eb}.designer-accordion-icon{display:grid!important;place-items:center;width:38px;height:38px;border-radius:11px;background:#eff4e7;color:var(--green-text);font-weight:950;font-size:15px}.designer-accordion-icon .ui-icon{width:19px;height:19px}.designer-accordion-body{padding:13px}.designer-accordion.config>summary{min-height:62px}.designer-accordion.config.price>summary .designer-accordion-icon{background:#111512;color:#a6d52f}
.designer-tool-button.wide{width:100%;min-height:58px}.designer-upload-zone{display:grid;place-items:center;text-align:center;gap:6px;padding:20px 12px;border:1px dashed #cbd5c6;border-radius:14px;background:#f7f9f5}.designer-upload-zone>div{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#eaf3d8;color:var(--green-text)}.designer-upload-zone>div .ui-icon{width:21px}.designer-upload-zone strong{font-size:13px}.designer-upload-zone small{max-width:230px;color:var(--muted);font-size:10px}.designer-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.designer-library-item{min-width:0}.shape-button-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.text-editor,.image-editor,.shape-editor{margin-top:13px;padding-top:13px}
.designer-product-panel-v2 label{display:grid;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:850;color:var(--green-text)}
/* v1.35 · kompakte Textilauswahl mit kleinen Produktbildern im Dropdown */
.designer-product-dropdown{position:relative;display:grid;gap:7px}
.designer-product-native-select{display:none!important}
.designer-product-dropdown-trigger,.designer-product-dropdown-option{width:100%;border:1px solid #dce3d9;background:#fff;color:var(--ink);font:inherit;text-align:left}
.designer-product-dropdown-trigger{display:grid;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:66px;padding:7px 10px;border-radius:13px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.designer-product-dropdown-trigger:hover:not(:disabled),.designer-product-dropdown.open .designer-product-dropdown-trigger{border-color:#b9caad;background:#fbfdf9;box-shadow:0 0 0 3px rgba(131,188,0,.08)}
.designer-product-dropdown-trigger:disabled{cursor:not-allowed;opacity:.72}
.designer-product-dropdown-thumb{display:grid;place-items:center;width:46px;height:50px;overflow:hidden;border:1px solid #e3e8e0;border-radius:9px;background:#f4f6f2;color:var(--green-text)}
.designer-product-dropdown-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.designer-product-dropdown-thumb .ui-icon{width:22px;height:22px}
.designer-product-dropdown-copy{display:grid;gap:2px;min-width:0}
.designer-product-dropdown-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.2;color:var(--ink)}
.designer-product-dropdown-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25;color:#77817b;font-weight:600;text-transform:none;letter-spacing:0}
.designer-product-dropdown-chevron{position:relative;width:16px;height:16px;justify-self:end}
.designer-product-dropdown-chevron:before,.designer-product-dropdown-chevron:after{content:"";position:absolute;top:7px;width:8px;height:1.5px;border-radius:2px;background:#657069;transition:transform .15s ease}
.designer-product-dropdown-chevron:before{left:1px;transform:rotate(45deg)}
.designer-product-dropdown-chevron:after{right:1px;transform:rotate(-45deg)}
.designer-product-dropdown.open .designer-product-dropdown-chevron:before{transform:rotate(-45deg)}
.designer-product-dropdown.open .designer-product-dropdown-chevron:after{transform:rotate(45deg)}
.designer-product-dropdown-menu{display:grid;gap:4px;max-height:min(330px,42vh);overflow:auto;padding:5px;border:1px solid #dce3d9;border-radius:13px;background:#fff;box-shadow:0 14px 34px rgba(1,4,5,.13);scrollbar-width:thin}
.designer-product-dropdown-menu[hidden]{display:none!important}
.designer-product-dropdown-option{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:9px;min-height:56px;padding:5px 8px;border-color:transparent;border-radius:10px;cursor:pointer}
.designer-product-dropdown-option .designer-product-dropdown-thumb{width:42px;height:46px;border-radius:8px}
.designer-product-dropdown-option:hover:not(:disabled){background:#f3f7ed;border-color:#d9e5ce}
.designer-product-dropdown-option.active{background:#f3f7ed;border-color:#cbdcaf}
.designer-product-dropdown-option:disabled{cursor:default;opacity:1}
.designer-product-dropdown-check{justify-self:end;color:var(--green-text);font-size:16px;font-weight:900}
.designer-config-column .color-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.designer-config-column .size-quantity-list{max-height:390px;overflow:auto;padding-right:2px}.designer-summary-v2{position:static!important;grid-column:auto!important;grid-row:auto!important;background:#111512!important;border-radius:14px!important;padding:14px!important;box-shadow:none!important}.designer-summary-v2>div{font-size:11px}.designer-summary-v2 .summary-total strong{font-size:25px}.designer-summary-v2 .designer-delivery-note{margin-top:10px;border:0;background:#1c221e;border-radius:11px;padding:9px}.designer-summary-v2 .designer-delivery-note span{display:grid}.designer-summary-v2 .designer-delivery-note small{font-size:9px;color:#8f9992}.designer-summary-v2 .designer-cart-button{min-height:48px}
.designer-grid-v2 .designer-workspace{grid-column:2;grid-row:1;min-width:0;border-radius:24px;overflow:hidden;box-shadow:0 12px 35px rgba(1,4,5,.08)}.designer-grid-v2 .view-switcher{position:relative;z-index:5}.designer-grid-v2 .product-stage-wrap{padding:14px}.designer-grid-v2 .product-stage{min-height:720px}.designer-grid-v2 .workspace-note{font-size:11px}.design-share-locked .design-object{pointer-events:none!important}.design-share-locked .designer-tools-column .designer-accordion-body{opacity:.55}.design-share-locked .designer-tools-column .designer-accordion>summary{opacity:1}.design-share-locked .customer-print-area{cursor:default}

.designer-share-modal[hidden]{display:none}.designer-modal-open{overflow:hidden}.designer-share-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.designer-share-backdrop{position:absolute;inset:0;background:rgba(1,4,5,.72);backdrop-filter:blur(6px)}.designer-share-dialog{position:relative;z-index:1;width:min(100%,560px);max-height:min(760px,calc(100vh - 36px));overflow:auto;padding:30px;background:#fff;border-radius:25px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.designer-share-dialog h2{font-size:clamp(36px,5vw,54px);line-height:1.02;margin:5px 0 12px;text-transform:uppercase}.designer-share-dialog>p{color:var(--muted);font-size:14px;line-height:1.55}.designer-share-close{position:absolute;right:15px;top:15px;width:38px;height:38px;border:0;border-radius:50%;background:#f0f3ee;font-size:25px}.share-lock-option{display:flex;gap:11px;align-items:flex-start;margin:20px 0;padding:14px;border:1px solid #dce4d6;border-radius:14px;background:#f7f9f5}.share-lock-option input{width:20px;height:20px;margin-top:2px;accent-color:var(--green-text)}.share-lock-option span{display:grid;gap:2px}.share-lock-option strong{font-size:13px}.share-lock-option small{font-size:10px;color:var(--muted);line-height:1.4}.share-link-result{margin-top:14px;padding:13px;border-radius:14px;background:#eef3e8}.share-link-result label{font-size:10px;font-weight:850;text-transform:uppercase}.share-link-result label>div{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:5px}.share-link-result input{min-width:0;padding:10px;border:1px solid #d2dccb;border-radius:10px;background:#fff}.share-link-result button{border:0;border-radius:10px;padding:0 13px;background:#111512;color:#fff;font-weight:800}.share-link-result p{font-size:10px;margin:8px 0 0;color:#59635d}.share-account-note{display:grid;gap:3px;margin-top:18px;padding-top:18px;border-top:1px solid #e4e8e1}.share-account-note strong{font-size:12px}.share-account-note span{font-size:10px;color:var(--muted)}.share-account-note a{font-size:11px;font-weight:850;color:var(--green-text)}

/* Kundenkonto */
.account-page{background:#f1f3ef}.account-shell{width:min(calc(100% - 32px),1400px);margin:0 auto;padding:48px 0 80px}.account-auth-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:50px;align-items:end;padding:48px 52px;background:#111512;color:#fff;border-radius:30px}.account-auth-hero h1{font-size:clamp(58px,7vw,105px);line-height:.98;margin:10px 0 18px;text-transform:uppercase;color:#fff}.account-auth-hero h1 span{color:#91c900}.account-auth-hero p{max-width:700px;color:#b8c0bb;font-size:17px;line-height:1.6}.account-auth-benefits{display:grid;gap:9px}.account-auth-benefits span{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #2b332d;border-radius:13px;background:#171d19;font-size:12px;font-weight:800}.account-auth-benefits .ui-icon{color:#9bd00f;width:21px}.account-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.account-auth-card,.account-panel{padding:30px;background:#fff;border-radius:24px;box-shadow:0 10px 30px rgba(1,4,5,.055)}.account-auth-card h2,.account-panel h2{font-size:40px;line-height:1.05;margin:5px 0 22px;text-transform:uppercase}.account-auth-card form,.account-panel form{display:grid;gap:12px}.account-auth-card label,.account-panel label{display:grid;gap:5px;font-size:11px;font-weight:800}.account-auth-card input,.account-panel input{width:100%;padding:12px 13px;border:1px solid #dce2da;border-radius:11px;background:#fff;font:inherit}.account-auth-card small,.account-panel label small{color:var(--muted);font-size:9px;font-weight:500}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-note{font-size:10px;color:var(--muted);margin:0}.store-alert{margin:16px 0;padding:13px 16px;border-radius:13px;font-size:12px;font-weight:700}.store-alert.error{background:#fff0ef;color:#8d2b22}.store-alert.success{background:#edf7e4;color:#467300}
.account-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:12px 0 28px}.account-head h1{font-size:clamp(60px,7vw,100px);line-height:.95;margin:8px 0 5px;text-transform:uppercase}.account-head p{margin:0;color:var(--muted)}.account-tabs{display:flex;gap:5px;padding:6px;background:#fff;border-radius:15px;box-shadow:0 7px 24px rgba(1,4,5,.05);overflow:auto}.account-tabs a{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:10px;text-decoration:none;color:#5c665f;font-size:12px;font-weight:850;white-space:nowrap}.account-tabs a span{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#eef1ed;font-size:9px}.account-tabs a.active{background:#111512;color:#fff}.account-tabs a.active span{background:#2c342e;color:#a8d92c}
.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.account-stats article{display:grid;gap:7px;min-height:180px;padding:24px;background:#fff;border-radius:22px}.account-stats span{font-size:11px;color:var(--muted);font-weight:800}.account-stats strong{font-family:var(--font-heading);font-size:70px;line-height:1}.account-stats a{display:inline-flex;align-items:center;gap:7px;margin-top:auto;color:var(--green-text);font-size:11px;font-weight:850}.account-stats a .ui-icon{width:16px}.account-stats small{font-size:10px;color:var(--muted);margin-top:auto}.account-section{margin-top:18px;padding:28px;background:#fff;border-radius:25px}.account-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.account-section-head h2{font-size:clamp(42px,5vw,66px);line-height:1;margin:5px 0 0;text-transform:uppercase}.account-section-head>a:not(.primary-button){font-size:11px;font-weight:850;color:var(--green-text)}.account-empty{display:grid;place-items:start;gap:8px;padding:38px;border:1px dashed #d7ddd3;border-radius:18px;background:#f8faf6}.account-empty h3{font-size:22px;margin:0}.account-empty p{margin:0 0 6px;color:var(--muted)}
.account-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.account-design-card{overflow:hidden;border:1px solid #e2e6df;border-radius:20px;background:#fbfcfa}.account-design-preview{position:relative;aspect-ratio:4/4.3;overflow:hidden;background:#eef1ed}.account-design-shirt{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain}.account-design-shirt-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#c2cac1}.account-design-shirt-placeholder .ui-icon{width:90px;height:90px}.account-preview-text,.account-preview-object-image,.account-preview-shape{position:absolute;z-index:3;transform-origin:center;pointer-events:none}.account-preview-text{font-weight:800;line-height:1;white-space:nowrap;max-width:70%;overflow:hidden}.account-preview-object-image{height:auto;object-fit:contain}.account-preview-shape{display:block;aspect-ratio:1}.account-preview-shape.circle{border-radius:50%}.account-preview-shape.rounded{border-radius:28%}.account-preview-shape.ellipse{aspect-ratio:1.6;border-radius:50%}.account-design-card-body{display:grid;gap:6px;padding:17px}.account-design-card-body>small{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--green-text);font-weight:900}.account-design-card-body h3{font-size:19px;line-height:1.15;margin:0}.account-design-card-body p{font-size:10px;color:var(--muted);margin:0 0 4px}.account-design-card-body>div>a,.account-design-actions>a{font-size:11px;font-weight:850}.account-design-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-design-manage{margin-top:5px;border-top:1px solid #e5e9e2;padding-top:8px}.account-design-manage summary{font-size:10px;font-weight:850;cursor:pointer}.account-design-manage form{display:grid;gap:7px;margin-top:9px}.account-design-manage label{display:grid;gap:4px;font-size:9px;font-weight:800}.account-design-manage input{padding:9px;border:1px solid #dce2da;border-radius:9px}.account-design-manage button:not(.danger-outline-button){justify-self:start;border:0;border-radius:9px;padding:8px 11px;background:#111512;color:#fff;font-size:10px;font-weight:800}.account-design-delete-note{display:grid;gap:5px;margin-top:9px;padding:10px 11px;border:1px solid #dfe5dc;border-radius:11px;background:#f7f9f5;color:var(--ink)}.account-design-delete-note.warning{border-color:#efd6a2;background:#fff9eb}.account-design-delete-note strong{display:flex;align-items:center;gap:7px;font-size:10px}.account-design-delete-note strong .ui-icon{width:15px;height:15px}.account-design-delete-note span{font-size:10px;line-height:1.45;color:var(--muted)}
.account-order-list{display:grid;gap:9px}.account-order-list article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;padding:18px 20px;border:1px solid #e0e5dd;border-radius:16px}.account-order-list article>div{display:grid;gap:4px}.account-order-list article>div:last-child{text-align:right;justify-items:end}.account-order-list small{font-size:9px;color:var(--muted)}.account-order-list h3{font-size:19px;margin:0}.account-order-status{display:inline-flex;justify-self:start;padding:5px 8px;border-radius:999px;background:#edf4df;color:#557e00;font-size:9px;font-weight:850}.account-order-list strong{font-size:18px}.account-order-list a{display:inline-flex;align-items:center;gap:6px;color:var(--green-text);font-size:10px;font-weight:850}.account-order-list a .ui-icon{width:15px}.account-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.account-panel hr{border:0;border-top:1px solid #e3e7e0;margin:20px 0}
.primary-button.compact{min-height:40px;padding:0 14px;font-size:11px}.text-button{border:0;background:none;padding:0;color:var(--green-text);font:inherit;font-size:11px;font-weight:850;cursor:pointer}

@media (max-width:1380px){.designer-grid-v2{grid-template-columns:300px minmax(540px,1fr) 340px}.designer-top-action span{display:none}.designer-top-action{width:42px;padding:0}.designer-appbar{grid-template-columns:minmax(230px,1fr) auto auto}}
@media (max-width:1120px){.designer-grid-v2{grid-template-columns:300px minmax(0,1fr)}.designer-config-column{grid-column:1/-1;grid-row:2;position:static;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.designer-config-column>.designer-column-head{grid-column:1/-1}.designer-grid-v2 .designer-workspace{grid-column:2;grid-row:1}.designer-tools-column{position:sticky}.designer-grid-v2 .product-stage{min-height:600px}.account-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.header-account-link span{display:none}.designer-shell-v2{width:min(calc(100% - 16px),1680px);padding-top:8px}.designer-appbar{position:relative;grid-template-columns:1fr auto;gap:8px;border-radius:15px}.designer-appbar-state{grid-column:1/-1;grid-row:2;justify-content:start}.designer-appbar-state small{text-align:left}.designer-appbar-actions{grid-column:2;grid-row:1}.designer-top-action{width:38px;min-height:38px}.designer-grid-v2{display:flex;flex-direction:column}.designer-grid-v2 .designer-workspace{order:1;width:100%}.designer-tools-column{order:2;width:100%;position:static;max-height:none}.designer-config-column{order:3;width:100%;display:grid;grid-template-columns:1fr;position:static;max-height:none}.designer-config-column>.designer-column-head{grid-column:auto}.designer-grid-v2 .product-stage{min-height:470px}.designer-column-head{border-radius:15px}.account-shell{width:min(calc(100% - 18px),1400px);padding-top:24px}.account-auth-hero{grid-template-columns:1fr;padding:28px 24px}.account-auth-hero h1{font-size:58px}.account-auth-grid,.account-profile-grid,.account-stats,.account-design-grid{grid-template-columns:1fr}.account-head{align-items:flex-start;flex-direction:column}.account-head h1{font-size:62px}.account-section{padding:20px 14px}.account-section-head{align-items:flex-start;flex-direction:column}.account-order-list article{grid-template-columns:1fr}.account-order-list article>div:last-child{text-align:left;justify-items:start}.form-grid.two{grid-template-columns:1fr}}

/* =========================================================
   MyShirt OS v0.32 · Designer Bedienbarkeit & Persistenz
   ========================================================= */
.designer-page{--designer-dark:#39413c;--designer-dark-2:#454e48;--designer-soft:#eef2ec}
.designer-shell-v2{width:min(calc(100% - 20px),1840px);padding-top:30px;padding-bottom:70px}
.designer-appbar{top:16px;min-height:78px;margin-bottom:24px;padding:12px 16px;border-radius:22px}
.designer-appbar-product strong{font-size:17px}.designer-appbar-product span{font-size:11px}.designer-appbar-state{font-size:13px}.designer-appbar-state small{font-size:10.5px;line-height:1.35}.designer-top-action{min-height:46px;padding:0 16px;font-size:14px;border-radius:13px}.designer-top-action .ui-icon{width:19px;height:19px}
.designer-grid-v2{grid-template-columns:340px minmax(680px,1fr) 390px;gap:20px;margin-top:0}.designer-tools-column,.designer-config-column{top:118px;gap:12px;max-height:calc(100vh - 138px)}
.designer-column-head{gap:4px;padding:19px 20px 17px;background:var(--designer-dark);border-radius:20px}.designer-column-head>span{font-size:11px}.designer-column-head>strong{font-size:30px;line-height:1.05}.designer-column-head>small{font-size:12px;line-height:1.5;color:#d2d8d4}
.designer-area-card{padding:15px 16px;border-radius:18px}.designer-area-card label,.designer-product-panel-v2 label{font-size:11.5px}.designer-area-card select,.designer-product-panel-v2 select{min-height:46px;padding:10px 12px;font-size:14px}
.designer-accordion{border-radius:18px}.designer-accordion>summary{grid-template-columns:46px minmax(0,1fr) 20px;gap:12px;min-height:76px;padding:12px 15px}.designer-accordion.config>summary{min-height:72px}.designer-accordion>summary strong{font-size:15.5px;line-height:1.25}.designer-accordion>summary small{font-size:11.5px;line-height:1.35}.designer-accordion-icon{width:42px;height:42px;border-radius:12px;font-size:16px}.designer-accordion-icon .ui-icon{width:21px;height:21px}.designer-accordion.config.price>summary .designer-accordion-icon{background:var(--designer-dark);color:#b7e53e}.designer-accordion-body{padding:16px}
.designer-tool-button.wide{min-height:66px}.designer-tool-button strong{font-size:15px}.designer-tool-button small,.designer-upload-zone small,.designer-library-item span,.control-hint,.tool-note,.copyright-upload-note,.text-editor-help{font-size:12px;line-height:1.5}.designer-upload-zone{gap:8px;padding:25px 15px}.designer-upload-zone strong{font-size:15px}.field-label,.text-editor-head strong{font-size:13px}.text-editor-head span,.font-picker-trigger small,.image-editor-meta span,.layer-panel-head small{font-size:11px}.font-picker-trigger span{font-size:21px}.format-button{width:42px;height:40px}.shape-button-grid{gap:8px}.shape-button-grid button{min-height:52px}
.designer-config-column .color-swatch small{font-size:11px}.designer-config-column .size-quantity-name strong{font-size:16px}.designer-config-column .size-quantity-name small{font-size:11px}.designer-config-column .quantity-stepper button,.designer-config-column .quantity-stepper input{min-height:38px;font-size:14px}
.designer-live-total{display:grid;gap:4px;padding:16px 18px;background:#fff;border:1px solid #dfe5dc;border-radius:18px;box-shadow:0 8px 26px rgba(1,4,5,.055)}.designer-live-total>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.designer-live-total>div span{font-size:12px;font-weight:850;color:#657069}.designer-live-total>div strong{font-size:28px;line-height:1;color:var(--green-text)}.designer-live-total>small{font-size:11px;color:#7a857e}
.designer-summary-v2{background:var(--designer-dark)!important;padding:18px!important;border-radius:16px!important}.designer-summary-v2>div{font-size:13px;border-bottom-color:#57615a}.designer-summary-v2 span{color:#d4dad6}.designer-summary-v2 .summary-total strong{font-size:30px}.designer-summary-v2 .designer-delivery-note{background:var(--designer-dark-2);padding:12px!important}.designer-summary-v2 .designer-delivery-note strong{font-size:12px!important}.designer-summary-v2 .designer-delivery-note small{font-size:10.5px!important;color:#c1c9c4!important}.designer-summary-v2 .designer-cart-button{min-height:52px;font-size:14px}
.designer-shared-notice{background:var(--designer-dark);padding:15px 18px}.designer-shared-notice strong{font-size:14px}.designer-shared-notice span{font-size:12px;line-height:1.5;color:#d0d7d2}

/* Druckflächen und Objekte: sichtbare inaktive Flächen, echte Clip-Fläche und bedienbare Objekte. */
.print-area-layer{pointer-events:none}.customer-print-area{box-sizing:border-box;pointer-events:auto;overflow:visible;border:1.5px dashed #aeb8b0;background:rgba(244,247,242,.08);box-shadow:none;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.customer-print-area.active-design-area{border:2px dashed var(--green);background:rgba(145,201,0,.035);box-shadow:0 0 0 2px rgba(145,201,0,.08)}.customer-print-area:not(.active-design-area):hover{border-color:#7f8c83;background:rgba(255,255,255,.12)}.customer-print-area .print-area-name{display:none!important}
.design-surface{position:absolute;inset:0;overflow:hidden;pointer-events:auto;touch-action:none}.design-object{position:absolute;display:block;transform-origin:center center;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.design-object:active{cursor:grabbing}.design-text-object{width:max-content;max-width:none}.design-text-content{display:block;min-width:1px;white-space:pre;word-break:normal;overflow-wrap:normal;line-height:1.05;pointer-events:none}.design-image-content,.design-shape-content,.design-shape-content svg{display:block;width:100%;height:auto;max-width:none;pointer-events:none}.design-selection-overlay{position:absolute;box-sizing:border-box;border:2px solid var(--green);pointer-events:none;transform:none!important}.design-selection-overlay[hidden]{display:none}.selection-handle{position:absolute;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--green);color:#fff;box-shadow:0 3px 10px rgba(1,4,5,.28);pointer-events:auto;touch-action:none;cursor:pointer;font:900 18px/1 Arial,sans-serif}.selection-handle>span{display:block;pointer-events:none;line-height:1}.selection-handle-scale{right:-17px;bottom:-17px;cursor:nwse-resize}.selection-handle-rotate{left:50%;top:-48px;transform:translateX(-50%);cursor:grab}.selection-handle-rotate:before{content:"";position:absolute;left:50%;top:29px;width:2px;height:18px;background:var(--green);transform:translateX(-50%)}
.design-share-locked .customer-print-area{pointer-events:auto}.design-share-locked .design-surface{pointer-events:none}

/* Dialoge */
.designer-save-modal[hidden],.designer-share-modal[hidden]{display:none}.designer-save-modal,.designer-share-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px}.designer-share-dialog{width:min(100%,650px);padding:38px;border-radius:28px}.designer-share-dialog h2{font-size:clamp(44px,5vw,64px);line-height:1.04;margin:8px 0 16px}.designer-share-dialog>p{font-size:16px;line-height:1.65}.designer-share-close{width:42px;height:42px;font-size:27px}.share-lock-option{gap:14px;margin:24px 0;padding:18px;border-radius:16px}.share-lock-option input{width:22px;height:22px}.share-lock-option strong{font-size:15px}.share-lock-option small{font-size:13px;line-height:1.5}.designer-share-dialog .primary-button{font-size:15px}.share-link-result{padding:16px}.share-link-result label{font-size:12px}.share-link-result input,.share-link-result button{min-height:44px;font-size:13px}.share-link-result p{font-size:12px!important;line-height:1.45}.share-account-note{gap:6px;margin-top:22px;padding-top:22px}.share-account-note strong{font-size:14px}.share-account-note span{font-size:12.5px;line-height:1.5}.share-account-note a{font-size:13px}
.designer-save-name{display:grid;gap:7px;margin:24px 0 14px;font-size:13px;font-weight:850}.designer-save-name input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #ccd5ca;border-radius:13px;font:inherit;font-size:15px}.designer-save-modal-message{margin:0 0 12px;padding:11px 13px;border-radius:12px;font-size:13px}.designer-save-modal-message.loading{background:#f1f3ef;color:#5c675f}.designer-save-modal-message.success{background:#edf7e4;color:#467300}.designer-save-modal-message.error{background:#fff0ef;color:#8d2b22}.designer-draft-restore-meta{margin:20px 0;padding:14px 16px;border:1px solid #dce4d6;border-radius:14px;background:#f7f9f5;color:#59635d;font-size:13px;line-height:1.5}.designer-draft-restore-meta strong{display:block;margin-bottom:2px;color:#111512;font-size:14px}.save-account-prompt{display:grid;gap:8px;margin-top:20px;padding:18px;border-radius:16px;background:#f2f6ec;border:1px solid #dce8cb}.save-account-prompt strong{font-size:16px}.save-account-prompt span{font-size:13px;line-height:1.55;color:#657069}.save-account-prompt .primary-button{justify-self:start}.save-account-prompt .text-button{justify-self:start;font-size:13px}

@media (max-width:1500px){.designer-shell-v2{width:min(calc(100% - 20px),1840px)}.designer-grid-v2{grid-template-columns:310px minmax(560px,1fr) 350px;gap:14px}.designer-top-action{padding:0 13px}.designer-column-head>strong{font-size:27px}}
@media (max-width:1240px){.designer-grid-v2{grid-template-columns:310px minmax(0,1fr)}.designer-config-column{grid-column:1/-1;grid-row:2;position:static;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.designer-config-column>.designer-column-head,.designer-config-column>.designer-live-total{grid-column:1/-1}.designer-grid-v2 .designer-workspace{grid-column:2;grid-row:1}.designer-tools-column{top:118px}.designer-grid-v2 .product-stage{min-height:620px}}
@media (max-width:820px){.designer-shell-v2{width:min(calc(100% - 16px),1840px);padding-top:12px}.designer-appbar{top:0;margin-bottom:16px}.designer-grid-v2{margin-top:0}.designer-tools-column,.designer-config-column{position:static;max-height:none}.designer-config-column{grid-template-columns:1fr}.designer-config-column>.designer-column-head,.designer-config-column>.designer-live-total{grid-column:auto}.designer-share-dialog{padding:28px 22px}.designer-share-dialog h2{font-size:44px}.designer-share-dialog>p{font-size:15px}.designer-accordion>summary{min-height:72px}.designer-grid-v2 .product-stage{min-height:480px}}
.designer-top-action span{display:inline}
@media (max-width:1080px){.designer-top-action span{display:none}.designer-top-action{width:46px;padding:0}}
@media (max-width:820px){.designer-top-action{width:42px;min-height:42px}}


/* =========================================================
   MyShirt OS v0.33 · Varianten, Vorschauen & Warenkorb
   ========================================================= */
/* Warenkorb: Vorschau und Daten stehen als zwei saubere Spalten nebeneinander. */
.cart-item{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:28px;align-items:start}
.cart-item-main{display:block;min-width:0}
.cart-item-media{width:100%;max-width:none;padding:14px;background:#f2f5f0;border-radius:18px;overflow:hidden}
.cart-design-media{display:block}
.cart-preview-output{width:100%;min-height:0}
.cart-preview-grid{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
.cart-preview-view{min-width:0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #e2e7df}
.cart-preview-stage{position:relative;width:100%;overflow:hidden;background:#fff}
.cart-preview-product-canvas{display:block;width:100%;height:auto}
.cart-preview-area-layer{position:absolute;inset:0;pointer-events:none}
.cart-preview-print-area{position:absolute;overflow:hidden;pointer-events:none}
.cart-preview-design-surface{position:absolute;inset:0;overflow:hidden}
.cart-preview-object{position:absolute;transform-origin:center;pointer-events:none}
.cart-preview-text-content{display:block;white-space:pre;line-height:1.02;transform-origin:center}
.cart-preview-object img,.cart-preview-shape-content,.cart-preview-shape-content svg{display:block;width:100%;height:auto;max-width:none}
.cart-preview-caption{padding:10px 12px;background:#fff;border-top:1px solid #edf0eb;font-size:12px;font-weight:850;color:#59635d}
.cart-preview-empty{display:grid;place-items:center;min-height:220px;color:#7b857f;font-size:13px;text-align:center}
.cart-item-head{align-items:flex-start;margin-bottom:12px}.cart-item-head h2{line-height:1.02}.cart-line-total{font-size:23px;white-space:nowrap;color:var(--green-text)}
.cart-color{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:13px}.cart-color i{width:16px;height:16px;border-radius:50%;background:var(--cart-color);border:1px solid rgba(0,0,0,.12)}
.cart-design-meta{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0 18px;padding:11px 0;border-top:1px solid #edf0eb;border-bottom:1px solid #edf0eb;font-size:12px}
.cart-size-form{min-width:0}.cart-size-head,.cart-size-line{grid-template-columns:minmax(100px,1fr) 110px 140px 120px}.cart-size-line input[type=number]{width:100%;min-height:40px;border:1px solid #dce2da;border-radius:10px;padding:8px 10px;font-size:14px}
.cart-pricing-note{display:flex;gap:8px 14px;flex-wrap:wrap;margin-top:18px;padding:13px 15px;border-radius:13px;background:#f5f7f3;font-size:12px;color:#58625c}.cart-remove-form{margin-top:13px}.cart-remove-form button{border:0;background:none;padding:0;color:#8a3d35;font-size:12px;font-weight:800;cursor:pointer}

/* Kundenkonto nutzt exakt denselben Renderer wie Warenkorb/Designer, inklusive Textilfarbe. */
.account-design-preview{position:relative;aspect-ratio:auto;min-height:0;overflow:hidden;background:#eef1ed;padding:12px}
.account-design-preview .cart-preview-view{border:0}.account-design-preview .cart-preview-caption{display:none}.account-design-preview .cart-preview-output{min-height:220px}.account-design-preview .cart-preview-empty{min-height:220px}

/* Designer: Preis bleibt als Produkt-/Druckpreis sichtbar, auch bevor eine Größe gewählt wurde. */
.designer-cart-button{display:flex!important;align-items:center;justify-content:space-between!important;gap:14px;text-align:left}.designer-cart-button strong{font-size:15px;white-space:nowrap}.designer-cart-button span{font-size:14px}
.designer-save-name small{font-size:12px;line-height:1.45;color:#6d7871;font-weight:600}
.design-share-locked .designer-tools-column{opacity:.7}.design-share-locked .designer-tools-column .designer-accordion>summary{cursor:not-allowed}

@media(max-width:980px){.cart-layout{grid-template-columns:1fr}.cart-totals{position:static}.cart-item{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:720px){.cart-item{grid-template-columns:1fr;padding:18px}.cart-item-media{max-width:360px;margin:auto}.cart-size-head{display:none}.cart-size-line{grid-template-columns:1fr 1fr;gap:8px}.cart-size-line>div:nth-child(3),.cart-size-line>strong:nth-child(4){text-align:right}.cart-item-head h2{font-size:29px}.cart-line-total{font-size:20px}}

/* v0.34 — vereinfachte Hauptnavigation mit Untermenü */
.site-nav-dropdown{position:relative;display:flex;align-items:center;height:100%}
.site-nav-dropdown-toggle{appearance:none;border:0;background:transparent;color:#353b38;font-weight:750;font-size:16px;letter-spacing:-.01em;white-space:nowrap;padding:33px 0 30px;display:flex;align-items:center;gap:7px;position:relative}
.site-nav-dropdown-toggle:after{content:"";position:absolute;left:0;right:100%;bottom:25px;height:3px;background:var(--green);border-radius:3px;transition:.2s}
.site-nav-dropdown-toggle span{font-size:15px;line-height:1;transition:transform .2s}
.site-nav-dropdown:hover .site-nav-dropdown-toggle,.site-nav-dropdown:focus-within .site-nav-dropdown-toggle,.site-nav-dropdown.active .site-nav-dropdown-toggle{color:var(--ink)}
.site-nav-dropdown:hover .site-nav-dropdown-toggle:after,.site-nav-dropdown:focus-within .site-nav-dropdown-toggle:after,.site-nav-dropdown.active .site-nav-dropdown-toggle:after{right:0}
.site-nav-dropdown-menu{position:absolute;top:calc(100% - 12px);left:50%;transform:translate(-50%,8px);width:280px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;box-shadow:0 22px 55px rgba(1,4,5,.14);opacity:0;visibility:hidden;pointer-events:none;transition:.18s;z-index:120}
.site-nav-dropdown-menu a{display:block;padding:12px 14px;border-radius:11px;font-size:15px;font-weight:750;line-height:1.35;color:#343a36;white-space:normal}
.site-nav-dropdown-menu a:after{display:none}
.site-nav-dropdown-menu a:hover,.site-nav-dropdown-menu a.active{background:var(--green-100);color:var(--green-text)}
.site-nav-dropdown:hover .site-nav-dropdown-menu,.site-nav-dropdown:focus-within .site-nav-dropdown-menu,.site-nav-dropdown.open .site-nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.site-nav-dropdown.open .site-nav-dropdown-toggle span{transform:rotate(180deg)}
.site-nav .header-account-link{padding:33px 0 30px;font-size:16px;font-weight:750;gap:7px}
.site-nav .header-account-link .ui-icon{width:18px;height:18px}

@media(max-width:1250px){
  .site-nav-dropdown-toggle,.site-nav .header-account-link{font-size:14px}
}
@media(max-width:1060px){
  .site-nav-dropdown{display:block;height:auto}
  .site-nav-dropdown-toggle{width:100%;justify-content:space-between;padding:11px 12px;border-radius:10px;font-size:14px;text-align:left}
  .site-nav-dropdown-toggle:after{display:none}
  .site-nav-dropdown-menu{position:static;width:auto;transform:none!important;box-shadow:none;border:0;border-left:2px solid var(--green-100);border-radius:0;margin:2px 0 5px 14px;padding:2px 0 2px 9px;opacity:1;visibility:visible;pointer-events:auto;display:none}
  .site-nav-dropdown.open .site-nav-dropdown-menu{display:block}
  .site-nav-dropdown-menu a{padding:9px 11px;font-size:14px}
  .site-nav .header-account-link{padding:11px 12px;font-size:14px;border-radius:10px}
  .site-nav .header-account-link:hover,.site-nav .header-account-link.active{background:#f2f6ed}
}

/* v0.34 — Kundenkonto im Checkout */
.checkout-account-state{margin-top:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dfe5dc;border-radius:15px;background:#f7f9f5}.checkout-account-state .ui-icon{width:22px;height:22px;color:var(--green-text)}.checkout-account-state span{display:grid;gap:2px}.checkout-account-state strong{font-size:14px}.checkout-account-state small{font-size:12px;color:var(--muted)}.checkout-account-state a{font-size:13px;font-weight:800;color:var(--green-text)}
.checkout-account-create{margin-top:16px;border-top:1px solid #edf0eb;padding-top:16px}.checkout-account-toggle{display:flex;align-items:flex-start;gap:11px;padding:15px 16px;border:1px solid #dfe5dc;border-radius:15px;background:#f7f9f5}.checkout-account-toggle>span{display:grid;gap:3px}.checkout-account-toggle strong{font-size:15px}.checkout-account-toggle small{font-size:12px;line-height:1.45;color:var(--muted)}.checkout-account-fields{padding:15px 4px 0}.checkout-account-fields p{margin:10px 0 0;font-size:12px;color:var(--muted)}.checkout-account-fields a{font-weight:800;color:var(--green-text)}
@media(max-width:720px){.checkout-account-state{grid-template-columns:auto 1fr}.checkout-account-state a{grid-column:2}.checkout-account-toggle{padding:14px}}

/* =========================================================
   MyShirt OS v0.35 · Lesbarkeit, Header, Warenkorb, Checkout
   ========================================================= */

/* Header: Shop/Wissenswertes direkt beim Logo, Konto bewusst vor den CTA-Buttons. */
.site-header-inner{display:flex!important;align-items:center;justify-content:space-between;gap:28px}
.site-header-left{display:flex;align-items:center;gap:clamp(34px,4vw,72px);min-width:0;flex:1}
.site-header-left .site-brand{flex:0 0 auto}
.site-header-left .site-nav{justify-content:flex-start;gap:clamp(24px,2.2vw,38px)}
.site-header-right{display:flex;align-items:center;justify-content:flex-end;gap:clamp(24px,2vw,36px);margin-left:auto}
.site-header-right>.header-account-link{font-size:17px;font-weight:800;gap:8px;white-space:nowrap;padding:0}
.site-header-right>.header-account-link .ui-icon{width:20px;height:20px}
.site-header-actions{gap:12px}
.header-designer-cta{font-size:16px;min-height:52px;padding-inline:22px}
.header-cart-link{font-size:15px;min-height:52px;padding-inline:15px}
.site-nav a,.site-nav-dropdown-toggle{font-size:17px}

/* Warenkorb: kompaktere Designansichten, zwei nebeneinander, klare Datenhierarchie. */
.cart-layout{grid-template-columns:minmax(0,1fr) 380px;gap:30px}
.cart-item{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:30px;padding:28px}
.cart-item-media{padding:12px;background:#f0f3ee}
.cart-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cart-preview-view{border-radius:12px}
.cart-preview-caption{padding:8px 10px;font-size:13px}
.cart-item-head h2{font-size:clamp(34px,3vw,46px)}
.cart-color{font-size:15px}
.cart-design-meta{font-size:14px;line-height:1.5;gap:10px 20px}
.cart-size-head,.cart-size-line{font-size:15px}
.cart-size-head{font-weight:800;color:#59635d}
.cart-size-line input[type=number]{font-size:16px;min-height:44px}
.cart-pricing-note{font-size:14px;line-height:1.5}
.cart-remove-form button{font-size:14px}
.cart-totals{padding:28px}
.cart-totals h2{font-size:38px}
.cart-totals>div{font-size:16px;padding:11px 0}
.cart-grand-total{font-size:25px!important}
.cart-coupon-box{padding:16px;margin-top:20px}
.cart-coupon-box>strong{display:block;font-size:16px;margin-bottom:9px}
.cart-coupon-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.cart-coupon-form input{width:100%;min-width:0;min-height:48px;padding:11px 13px;font-size:16px;border:1px solid #d6ddd3;border-radius:12px;background:#fff}
.cart-coupon-form button{min-height:48px;padding:0 16px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-size:15px;font-weight:800}
.cart-coupon-box p{font-size:14px;line-height:1.55;margin:10px 0 0;color:var(--muted)}
.cart-totals>p{font-size:16px;line-height:1.6}

/* Checkout: Zusammenfassung und Schritt 5 dürfen nie ineinanderlaufen. */
.checkout-layout{grid-template-columns:minmax(0,1fr) 410px;gap:30px}
.checkout-main{gap:20px}
.checkout-card{padding:30px}
.checkout-step{align-items:flex-start;gap:15px;margin-bottom:22px}
.checkout-step span{width:36px;height:36px;font-size:14px;flex:0 0 auto}
.checkout-step h2{font-size:36px;line-height:1.05;margin-bottom:3px}
.checkout-step p{font-size:16px;line-height:1.5;margin:0;color:var(--muted)}
.checkout-fields{gap:16px}
.checkout-fields label,.field-label{font-size:15px;gap:7px}
.checkout-fields input,.checkout-fields select,.checkout-fields textarea,.field-label input,.field-label select,.field-label textarea{min-height:48px;padding:12px 14px;font-size:16px}
.checkout-option,.checkout-delivery-option{padding:16px;gap:14px;font-size:16px;align-items:flex-start}
.checkout-option strong,.checkout-delivery-option strong{font-size:16px}
.checkout-option small,.checkout-delivery-option small{font-size:14px;line-height:1.45;color:var(--muted)}
.full-note{display:grid;gap:8px;font-size:15px;font-weight:750;color:#4a534e;margin-top:4px}
.full-note small{font-size:13px;color:var(--muted);font-weight:500}
.full-note textarea{display:block;width:100%;min-height:120px;padding:13px 14px;border:1px solid #dce2da;border-radius:13px;background:#fff;font:inherit;font-size:16px;line-height:1.5;resize:vertical}
.rights-check{display:flex;align-items:flex-start;gap:14px;margin-top:18px;padding:18px 20px;background:#fff8e6;border:1px solid #efe1b9;border-radius:15px}
.rights-check>input{width:22px;height:22px;flex:0 0 auto;margin:2px 0 0;accent-color:var(--green-text)}
.rights-check>span{display:grid;gap:5px;min-width:0}
.rights-check strong{font-size:16px;line-height:1.35}
.rights-check small{font-size:14px;line-height:1.55;color:#5e625c}
.checkout-summary{padding:28px}
.checkout-summary h2{font-size:38px;margin-bottom:16px}
.checkout-summary-items{display:grid;border-top:1px solid #edf0eb}
.checkout-summary-items>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding:13px 0;border-bottom:1px solid #edf0eb}
.checkout-summary-items>div>span{display:grid;gap:2px;font-size:16px;line-height:1.35}
.checkout-summary-items>div>span small{display:block;font-size:13px;color:var(--muted)}
.checkout-summary-items>div>strong{font-size:16px;white-space:nowrap}
.checkout-summary-row{font-size:16px;padding:12px 0}
.checkout-summary-total{display:flex!important;align-items:baseline;justify-content:space-between;gap:24px;padding:15px 0!important;font-size:26px!important;border-top:2px solid #dfe4dc!important}
.checkout-summary-total span,.checkout-summary-total strong{display:block;white-space:nowrap}
.checkout-tax-note{font-size:14px;line-height:1.55;color:var(--muted)}
.checkout-submit,.checkout-back{width:100%;font-size:16px}
.checkout-back{margin-top:8px}

/* Designer: keine Minischrift in Tabs, Formularen, Auswahlfeldern und Zusammenfassungen. */
.designer-page .designer-column-head>span{font-size:13px}
.designer-page .designer-column-head>strong{font-size:32px}
.designer-page .designer-column-head>small{font-size:14px}
.designer-page .designer-area-card label,.designer-page .designer-product-panel-v2 label{font-size:13px}
.designer-page .designer-area-card select,.designer-page .designer-product-panel-v2 select{min-height:50px;font-size:16px;padding:11px 13px}
.designer-page .designer-accordion>summary strong{font-size:17px}
.designer-page .designer-accordion>summary small{font-size:13px}
.designer-page .designer-accordion>summary{min-height:82px}
.designer-page .designer-accordion-body{font-size:15px}
.designer-page .designer-accordion-body input,.designer-page .designer-accordion-body select,.designer-page .designer-accordion-body textarea,.designer-page .designer-accordion-body button{font-size:15px}
.designer-page .designer-tool-button strong,.designer-page .designer-upload-zone strong{font-size:16px}
.designer-page .designer-tool-button small,.designer-page .designer-upload-zone small,.designer-page .designer-library-item span,.designer-page .control-hint,.designer-page .tool-note,.designer-page .copyright-upload-note,.designer-page .text-editor-help{font-size:13px;line-height:1.55}
.designer-page .field-label,.designer-page .text-editor-head strong{font-size:14px}
.designer-page .text-editor-head span,.designer-page .font-picker-trigger small,.designer-page .image-editor-meta span,.designer-page .layer-panel-head small{font-size:13px}
.designer-page .designer-config-column .color-swatch small{font-size:13px}
.designer-page .designer-config-column .size-quantity-name strong{font-size:17px}
.designer-page .designer-config-column .size-quantity-name small{font-size:13px}
.designer-page .designer-config-column .quantity-stepper button,.designer-page .designer-config-column .quantity-stepper input{min-height:42px;font-size:16px}
.designer-page .designer-live-total>div span{font-size:14px}
.designer-page .designer-live-total>small{font-size:13px;line-height:1.45}
.designer-page .designer-summary-v2>div{font-size:15px}
.designer-page .designer-summary-v2 .designer-delivery-note strong{font-size:14px!important}
.designer-page .designer-summary-v2 .designer-delivery-note small{font-size:13px!important}
.designer-page .designer-summary-v2 .designer-cart-button{min-height:56px;font-size:16px}
.designer-page .designer-cart-button span{font-size:16px}.designer-page .designer-cart-button strong{font-size:16px}

/* Kundenkonto: feste linke Navigation statt Tabs über dem Inhalt. */
.account-portal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.account-sidebar{position:sticky;top:126px}
.account-sidebar-card{overflow:hidden;background:#fff;border:1px solid #dfe4dc;border-radius:22px;box-shadow:0 10px 30px rgba(1,4,5,.055)}
.account-sidebar-title{display:grid;gap:2px;padding:22px 20px;background:#3c443f;color:#fff}
.account-sidebar-title span{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#b5dd55;font-weight:900}
.account-sidebar-title strong{font-family:var(--font-head);font-size:30px;line-height:1;text-transform:uppercase}
.account-side-nav{display:grid;padding:9px}
.account-side-nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:10px 12px;border-radius:12px;font-size:16px;font-weight:800;color:#46504a}
.account-side-nav a:hover{background:#f2f6ed;color:var(--ink)}
.account-side-nav a.active{background:var(--green);color:#fff}
.account-side-nav b{min-width:30px;padding:3px 7px;border-radius:999px;background:#eef2eb;color:#59635d;font-size:12px;text-align:center}
.account-side-nav a.active b{background:rgba(255,255,255,.18);color:#fff}
.account-side-logout{margin:0}
.account-side-logout button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:#7a3933;font:inherit;font-size:16px;font-weight:800;text-align:left;cursor:pointer}
.account-side-logout button:hover{background:#fff1ef;color:#9e281e}
.account-design-limit{display:grid;gap:7px;padding:18px 20px;border-top:1px solid #e7ebe5;font-size:13px;color:var(--muted)}
.account-design-limit strong{font-size:14px;color:var(--ink)}
.account-design-limit i{display:block;height:7px;overflow:hidden;border-radius:999px;background:#edf0eb}
.account-design-limit i b{display:block;height:100%;border-radius:inherit;background:var(--green)}
.account-content{min-width:0}
.account-content .store-alert{margin-top:0}
.account-stats{margin-top:0}
.account-auth-card label,.account-panel label{font-size:14px;gap:7px}
.account-auth-card input,.account-panel input,.account-panel select{min-height:48px;padding:12px 14px;font-size:16px;border:1px solid #dce2da;border-radius:11px;background:#fff}
.account-auth-card small,.account-panel label small{font-size:12px}
.form-note{font-size:13px;line-height:1.5}
.store-alert{font-size:14px;line-height:1.45}
.account-stats span{font-size:14px}.account-stats a{font-size:14px}.account-stats small{font-size:13px}
.account-section-head>a:not(.primary-button){font-size:14px}
.account-design-card-body>small{font-size:12px}.account-design-card-body h3{font-size:23px}.account-design-card-body p{font-size:13px}
.account-design-card-body>div>a,.account-design-actions>a{font-size:14px}
.account-design-manage summary{font-size:13px}.account-design-manage label{font-size:13px}.account-design-manage button:not(.danger-outline-button){font-size:13px}.account-design-delete-note strong,.account-design-delete-note span{font-size:12px}
.account-order-list small{font-size:12px}.account-order-status{font-size:12px}.account-order-list a{font-size:14px}
.primary-button.compact{min-height:44px;padding:0 16px;font-size:14px}.text-button{font-size:14px}

@media(max-width:1180px){
  .site-header-left{gap:28px}.site-header-right{gap:18px}.site-nav a,.site-nav-dropdown-toggle,.site-header-right>.header-account-link{font-size:15px}.header-designer-cta{padding-inline:16px;font-size:14px}.header-cart-link{font-size:14px}
  .cart-item{grid-template-columns:280px minmax(0,1fr)}
  .account-portal-layout{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:1060px){
  .site-header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:12px}
  .site-header-left{display:block}.site-header-left .site-nav{position:absolute;left:24px;right:24px;top:78px;display:none;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow-lg);align-items:stretch;flex-direction:column;gap:0}.site-header-left .site-nav.open{display:flex}
  .site-menu-toggle{display:flex;grid-column:2;justify-self:end}.site-header-right{grid-column:3;gap:10px}.site-header-right>.header-account-link span{display:none}.site-header-right>.header-account-link{width:46px;height:46px;justify-content:center;border:1px solid var(--line);border-radius:13px;background:#fff}
  .cart-layout,.checkout-layout{grid-template-columns:1fr}.cart-totals,.checkout-summary{position:static}
  .account-portal-layout{grid-template-columns:1fr}.account-sidebar{position:static}.account-side-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.account-side-nav a,.account-side-logout button{justify-content:center;text-align:center}.account-side-nav b{display:none}.account-design-limit{display:none}
}
@media(max-width:760px){
  .cart-item{grid-template-columns:1fr}.cart-item-media{max-width:none}.cart-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .checkout-card,.checkout-summary{padding:20px}.checkout-step h2{font-size:30px}.checkout-summary h2{font-size:34px}
  .account-side-nav{grid-template-columns:1fr 1fr}.account-side-nav a,.account-side-logout button{font-size:15px}
}
@media(max-width:480px){.cart-preview-grid{grid-template-columns:1fr}.cart-coupon-form{grid-template-columns:1fr}.cart-coupon-form button{min-height:46px}}

/* v0.35 Lesbarkeits-Finish: Hilfs- und Sekundärtexte bleiben auch auf großen Displays gut lesbar. */
.designer-page .designer-column-head>span{font-size:14px}
.designer-page .designer-column-head>small{font-size:15px}
.designer-page .designer-area-card label,.designer-page .designer-product-panel-v2 label{font-size:14px}
.designer-page .designer-accordion>summary small{font-size:14px;line-height:1.45}
.designer-page .designer-tool-button small,.designer-page .designer-upload-zone small,.designer-page .designer-library-item span,.designer-page .control-hint,.designer-page .tool-note,.designer-page .copyright-upload-note,.designer-page .text-editor-help{font-size:14px}
.designer-page .field-label,.designer-page .text-editor-head strong{font-size:15px}
.designer-page .text-editor-head span,.designer-page .font-picker-trigger small,.designer-page .image-editor-meta span,.designer-page .layer-panel-head small{font-size:14px}
.designer-page .designer-config-column .color-swatch small{font-size:14px}
.designer-page .designer-config-column .size-quantity-name small{font-size:14px}
.designer-page .designer-live-total>div span{font-size:15px}
.designer-page .designer-live-total>small{font-size:14px}
.designer-page .designer-summary-v2>div{font-size:16px}
.designer-page .designer-summary-v2 .designer-delivery-note strong{font-size:15px!important}
.designer-page .designer-summary-v2 .designer-delivery-note small{font-size:14px!important}
.account-auth-card label,.account-panel label{font-size:15px}
.account-auth-card small,.account-panel label small,.form-note{font-size:14px}
.store-alert{font-size:15px}
.account-stats span,.account-stats a{font-size:15px}.account-stats small{font-size:14px}
.account-section-head>a:not(.primary-button){font-size:15px}
.account-design-card-body>small{font-size:14px}.account-design-card-body p{font-size:14px}
.account-design-card-body>div>a,.account-design-actions>a{font-size:15px}
.account-design-manage summary,.account-design-manage label,.account-design-manage button:not(.danger-outline-button){font-size:14px}.account-design-delete-note strong,.account-design-delete-note span{font-size:13px}
.account-order-list small,.account-order-status{font-size:14px}.account-order-list a{font-size:15px}
.account-design-limit{font-size:14px}.account-design-limit strong{font-size:15px}
.account-limit-badge{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:999px;background:#eef1ec;color:#59635d;font-size:14px;font-weight:850;white-space:nowrap}

/* v0.36 – Gutscheincode bewusst untereinander statt in einer engen Zeile */
.cart-coupon-form{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    align-items:stretch;
}
.cart-coupon-form input,
.cart-coupon-form button{
    width:100%;
}
.cart-coupon-form button{
    min-height:50px;
}


/* v0.37 – Ebenen, vollständige Größenliste und Warenkorb-Slide-in */
.designer-page .designer-config-column{position:static;top:auto;max-height:none;overflow:visible;padding-right:0;scrollbar-width:auto}
.designer-page .designer-config-column .size-quantity-list{max-height:none;overflow:visible;padding-right:0}
.designer-page .designer-config-column [data-config-accordion="sizes"] .designer-accordion-body{overflow:visible}

.designer-page .layer-panel-head{align-items:flex-end;gap:14px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e7ebe5}
.designer-page .layer-panel-head strong{font-size:15px;line-height:1.3}.designer-page .layer-panel-head small{font-size:12px;white-space:nowrap}
.designer-page .designer-layer-list{gap:8px;margin-top:0}
.designer-page .designer-layer-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:54px;padding:7px 8px;border:1px solid #e1e7de;border-radius:12px;background:#f8faf7;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.designer-page .designer-layer-row:hover{border-color:#cbd6c5;background:#fff}.designer-page .designer-layer-row.selected{border-color:var(--green-text);background:#f4fae9;box-shadow:0 0 0 2px rgba(131,188,0,.09)}
.designer-page .designer-layer-row.drag-over{border-color:var(--green-text);box-shadow:inset 0 3px 0 var(--green)}.designer-page .designer-layer-row.dragging{opacity:.5}
.designer-page .layer-drag{display:grid;place-items:center;width:26px;height:38px;border-radius:8px;color:#8b958e;font-size:18px;letter-spacing:-4px;cursor:grab;user-select:none}.designer-page .layer-drag:active{cursor:grabbing}
.designer-page .layer-select{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}
.designer-page .layer-type{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eaf1df;color:var(--green-text);font-size:14px;font-weight:900}
.designer-page .layer-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750;color:var(--ink)}
.designer-page .layer-actions{display:flex;gap:4px}.designer-page .layer-actions button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dce3d9;border-radius:9px;background:#fff;color:#475149;font-size:17px;font-weight:850;cursor:pointer;transition:.15s ease}
.designer-page .layer-actions button:hover:not(:disabled){border-color:var(--green-text);color:var(--green-text);background:#f5faec}.designer-page .layer-actions button:disabled{opacity:.28;cursor:not-allowed}
.designer-page .layer-empty{font-size:13px;line-height:1.5;padding:16px}

.designer-cart-drawer{position:fixed;z-index:1200;right:20px;top:96px;width:min(420px,calc(100vw - 28px));padding:22px;border:1px solid #dfe5dc;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(1,4,5,.22);transform:translateX(calc(100% + 44px));opacity:0;visibility:hidden;transition:transform .36s cubic-bezier(.2,.85,.25,1),opacity .24s ease,visibility .36s;overflow:hidden}
.designer-cart-drawer.is-open{transform:translateX(0);opacity:1;visibility:visible}
.designer-cart-drawer-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f0f3ee;color:#1f2922;font-size:24px;line-height:1;cursor:pointer}
.designer-cart-drawer-kicker{display:flex;align-items:center;gap:9px;padding-right:38px;font-size:14px;font-weight:900;color:var(--green-text)}.designer-cart-drawer-check{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--green);color:#fff;font-size:15px}
.designer-cart-drawer-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;margin:18px 0;padding:13px;border-radius:16px;background:#f3f6f1}
.designer-cart-drawer-preview{display:grid;place-items:center;width:96px;height:96px;border-radius:12px;background:#fff;overflow:hidden}.designer-cart-drawer-preview img{width:100%;height:100%;object-fit:contain}.designer-cart-drawer-preview.is-empty:after{content:"Textil";font-size:12px;color:#7c867f}.designer-cart-drawer-preview.is-empty img{display:none}
.designer-cart-drawer-copy{display:grid;gap:3px;min-width:0}.designer-cart-drawer-copy strong{font-family:var(--font-heading);font-size:24px;line-height:1.05;text-transform:uppercase}.designer-cart-drawer-copy>span{font-size:14px;color:#657069}.designer-cart-drawer-copy small{margin-top:5px;font-size:14px;color:#465149}.designer-cart-drawer-copy small b{color:var(--green-text);font-size:16px}
.designer-cart-drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.designer-cart-drawer-actions .primary-button,.designer-cart-drawer-actions .secondary-button{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;font-size:14px;font-weight:850;text-decoration:none}.designer-cart-drawer-actions .secondary-button{border:1px solid #d7ded4;background:#fff;color:var(--ink);cursor:pointer}
.designer-cart-drawer-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#edf1eb}.designer-cart-drawer-progress span{display:block;width:100%;height:100%;background:var(--green);transform-origin:left center}
@keyframes designerCartDrawerCountdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (max-width:820px){.designer-cart-drawer{right:10px;top:auto;bottom:10px;width:calc(100vw - 20px);padding:19px}.designer-cart-drawer-actions{grid-template-columns:1fr}.designer-cart-drawer-item{grid-template-columns:78px minmax(0,1fr)}.designer-cart-drawer-preview{width:78px;height:78px}}

/* v0.38 – Gutscheincode klar untereinander gliedern: Titel, Eingabezeile, Erklärung */
.cart-totals > .cart-coupon-box{
    display:block;
    padding:18px;
    margin-top:20px;
    border-top:0;
    background:#f6f8f4;
    border-radius:15px;
    font-size:inherit;
}
.cart-coupon-title{
    display:block;
    margin:0 0 10px;
    font-size:17px;
    line-height:1.3;
    font-weight:850;
}
.cart-coupon-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:stretch;
    width:100%;
}
.cart-coupon-form input{
    width:100%;
    min-width:0;
    min-height:50px;
    padding:12px 14px;
    font-size:16px;
}
.cart-coupon-form button{
    width:auto;
    min-width:112px;
    min-height:50px;
    padding:0 18px;
    font-size:16px;
}
.cart-coupon-help{
    display:block;
    width:100%;
    margin:11px 0 0!important;
    font-size:14px!important;
    line-height:1.55;
    color:var(--muted);
}
@media(max-width:520px){
    .cart-coupon-form{grid-template-columns:1fr}
    .cart-coupon-form button{width:100%}
}


/* v0.39 – Designer-Preisführung & kompakter Warenkorbzugang */
.designer-page .designer-workspace .workspace-note,.designer-page .stage-message{display:none!important}
.designer-page .designer-live-total>small[data-live-total-note]{display:block;font-size:14px;line-height:1.45;color:#6d7771}
.designer-page .designer-quick-cart{position:sticky;bottom:18px;z-index:18;padding:4px 0 0}
.designer-page .designer-quick-cart .designer-cart-button{width:100%;min-height:58px;border-radius:16px;box-shadow:0 12px 28px rgba(67,95,0,.18)}
.designer-page .designer-accordion.config.price[open]+.designer-quick-cart{display:none}
@media (max-width:1240px){.designer-page .designer-quick-cart{position:static;grid-column:1/-1;padding-top:0}.designer-page .designer-accordion.config.price[open]+.designer-quick-cart{display:none}}


/* =========================================================
   MyShirt OS v0.40 · Header-Abstand & Größenhinweis
   ========================================================= */
/* Shopnavigation optisch näher ans Logo ziehen. Der Anker belegt nur noch die echte Logobreite. */
.site-header-left{gap:18px}
.site-header-left .site-brand{width:auto;max-width:none;flex:0 0 auto}
.site-header-left .site-nav{gap:28px}

/* Größenhinweis: sichtbar rot, aber nach einer echten Mengenwahl vollständig ausblenden. */
.designer-page .designer-live-total>small[data-live-total-note]{display:block;margin-top:4px;font-size:15px;line-height:1.4;font-weight:800;color:#b72f2f}
.designer-page .designer-live-total>small[data-live-total-note][hidden]{display:none!important}

@media(max-width:1180px){.site-header-left{gap:14px}.site-header-left .site-nav{gap:22px}}


/* v0.44 Designer: saubere Vorschau und Produktwechsel-Hinweise */
.designer-preview-symbol{font-size:17px;line-height:1;font-weight:900}.designer-top-action[aria-pressed="true"]{background:#eef4e8;border-color:#b8c9aa;color:#243126}.designer-clean-preview .customer-print-area,.designer-clean-preview .customer-print-area.active-design-area,.designer-clean-preview .customer-print-area:not(.active-design-area):hover{border-color:transparent!important;background:transparent!important;box-shadow:none!important}.designer-clean-preview .design-selection-overlay{display:none!important}.designer-transfer-notice{margin:-2px 0 18px;padding:13px 16px;border-radius:14px;font-size:15px;line-height:1.45;font-weight:750}.designer-transfer-notice.success{background:#eef6e7;color:#34520b;border:1px solid #ccdfba}.designer-transfer-notice.warning{background:#fff5df;color:#6c4a00;border:1px solid #f0d69c}

.designer-product-change-dialog{max-width:620px}.designer-product-change-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.designer-product-change-note{margin-top:16px!important;padding:12px 14px;border-radius:12px;background:#f3f6f1;color:#5f6963!important;font-size:14px!important}.designer-product-change-actions .primary-button,.designer-product-change-actions .secondary-button{min-height:52px;font-size:16px}@media(max-width:620px){.designer-product-change-actions{grid-template-columns:1fr}}

/* =========================================================
   v0.47 – Bestellbestätigung nach Checkout
   ========================================================= */
.order-confirmation-page .order-shell{padding-top:42px}
.order-confirmation-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;margin-bottom:28px;padding:28px 30px;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-sm)}
.order-confirmation-hero .order-success-mark{width:64px;height:64px;font-size:32px;flex:0 0 auto}
.order-confirmation-copy h1{margin:5px 0 8px;font-size:clamp(46px,4.2vw,68px);line-height:1.02}
.order-confirmation-copy .order-lead{max-width:780px;margin:0;color:var(--muted);font-size:18px;line-height:1.55}
.order-confirmation-meta{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:1px;min-width:460px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.order-confirmation-meta>div{padding:14px 16px;background:#f8faf7;display:grid;gap:3px}
.order-confirmation-meta span{font-size:12px;color:var(--muted);font-weight:700}
.order-confirmation-meta strong{font-size:16px;color:var(--ink);white-space:nowrap}
.order-layout-confirmation{grid-template-columns:minmax(0,1fr) 370px;gap:26px}
.order-confirmation-page .order-main{gap:20px}
.order-confirmation-page .order-card{padding:26px 28px}
.order-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.order-card-heading h2{margin:4px 0 0;font-size:38px;line-height:1.05}
.order-card-count,.payment-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 11px;border-radius:999px;background:var(--green-100);color:var(--green-text);font-size:12px;font-weight:850;white-space:nowrap}
.order-product-list{display:grid;gap:16px}
.order-product-card{display:grid;grid-template-columns:minmax(200px,290px) minmax(0,1fr);gap:22px;padding:18px;border:1px solid #e4e8e1;border-radius:20px;background:#fbfcfa}
.order-product-card:not(.has-previews){grid-template-columns:1fr}
.order-product-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}
.order-product-previews figure{margin:0;overflow:hidden;border:1px solid #e2e7df;border-radius:14px;background:#fff}
.order-product-previews img{width:100%;aspect-ratio:1/1.12;object-fit:contain;background:#fff}
.order-product-previews figcaption{padding:7px 9px;border-top:1px solid #edf0eb;color:var(--muted);font-size:11px;font-weight:800}
.order-product-content{min-width:0}
.order-product-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #e3e7e0}
.order-product-head h3{margin:0 0 5px;font-size:31px;line-height:1.08}
.order-product-color{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:14px}
.order-product-color i{width:13px;height:13px;border-radius:50%;background:var(--order-color,#bbb);border:1px solid rgba(0,0,0,.13)}
.order-product-total{font-size:22px;color:var(--green-text);white-space:nowrap}
.order-product-badges{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}
.order-product-badges span{padding:5px 9px;border:1px solid #dde3da;border-radius:999px;background:#fff;color:#59625d;font-size:12px;font-weight:750}
.order-product-areas{margin:0 0 12px;padding:10px 12px;border-radius:11px;background:#f0f4ec;color:var(--muted);font-size:13px;line-height:1.5}
.order-product-areas strong{color:var(--text)}
.order-size-table{border-top:1px solid #e3e7e0}
.order-size-head,.order-size-row{display:grid;grid-template-columns:minmax(70px,1fr) minmax(90px,1fr) minmax(105px,1fr) minmax(105px,1fr);gap:10px;align-items:center}
.order-size-head{padding:10px 0 6px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.order-size-row{padding:8px 0;border-top:1px solid #edf0eb;font-size:14px}
.order-size-head>*:nth-child(n+3),.order-size-row>*:nth-child(n+3){text-align:right}
.order-info-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;align-items:start}
.order-info-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:var(--green-100);color:var(--green-text);font-size:24px;font-weight:900}
.order-info-copy h2{margin:4px 0 9px;font-size:34px}
.order-info-copy p{margin:0 0 12px;color:var(--muted);font-size:16px;line-height:1.6}
.order-info-copy address{font-style:normal;font-size:17px;line-height:1.6;color:var(--text)}
.order-info-note{margin-top:14px!important;padding:12px 14px;border-radius:12px;background:#f4f6f2;color:#5c665f!important;font-size:14px!important}
.bank-details-modern{background:#fff;padding:26px 28px;border-radius:24px}
.bank-details-modern .order-card-heading{margin-bottom:8px}
.bank-intro{max-width:760px;margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.6}
.bank-data-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bank-data-grid>div{margin:0;padding:13px 14px;border:1px solid #e2e7df;border-radius:13px;background:#f8faf7;display:grid;gap:3px;min-width:0}
.bank-data-grid>div.wide{grid-column:1/-1}
.bank-data-grid dt{font-size:12px;color:var(--muted);font-weight:750}
.bank-data-grid dd{margin:0;font-size:16px;color:var(--ink);overflow-wrap:anywhere}
.bank-data-grid .bank-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:15px;letter-spacing:.02em}
.bank-data-grid .bank-amount{background:#edf5dd;border-color:#d5e8af}
.bank-data-grid .bank-amount dd{font-size:24px;font-weight:900;color:var(--green-text)}
.bank-note{margin-bottom:0!important}
.paypal-open-card{display:flex;align-items:center;justify-content:space-between;gap:24px}
.paypal-open-card h2{margin:4px 0 8px;font-size:34px}.paypal-open-card p{margin:0;color:var(--muted)}
.order-summary-modern{top:118px;padding:24px;border-radius:24px}
.order-summary-modern>.eyebrow{margin-bottom:4px}
.order-summary-modern>h2{margin:0 0 18px;font-size:38px;line-height:1.05}
.order-summary-list{border-top:1px solid #e5e9e2;border-bottom:1px solid #e5e9e2}
.order-summary-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 0;font-size:16px}
.order-summary-row span{color:#4e5752}
.order-summary-row strong{font-size:16px;color:var(--ink);white-space:nowrap}
.order-summary-row.discount span,.order-summary-row.discount strong{color:var(--green-text)}
.order-summary-row.grand{margin-top:3px;padding:15px 0 14px;border-top:1px solid #dfe4dc}
.order-summary-row.grand span{font-size:21px;font-weight:900;color:var(--ink)}
.order-summary-row.grand strong{font-size:27px;color:var(--green-text)}
.order-summary-statuses{display:grid;gap:10px;padding:18px 0 4px}
.order-summary-statuses>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:baseline}
.order-summary-statuses span{font-size:13px;color:var(--muted)}
.order-summary-statuses strong{font-size:14px;color:var(--text);text-align:right}
.order-rights-note{margin:16px 0 0;padding:13px 14px;border-radius:12px;background:#f4f6f2;color:var(--muted);font-size:12px;line-height:1.55}
.order-rights-note strong{color:var(--text)}
@media(max-width:1120px){.order-confirmation-hero{grid-template-columns:auto 1fr}.order-confirmation-meta{grid-column:1/-1;min-width:0}.order-layout-confirmation{grid-template-columns:1fr}.order-summary-modern{position:static}.order-product-card{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:760px){.order-confirmation-page .order-shell{padding-top:26px}.order-confirmation-hero{grid-template-columns:1fr;padding:22px}.order-confirmation-hero .order-success-mark{width:54px;height:54px}.order-confirmation-copy h1{font-size:48px}.order-confirmation-meta{grid-template-columns:1fr}.order-confirmation-page .order-card{padding:20px}.order-card-heading{align-items:flex-start}.order-card-heading h2{font-size:34px}.order-product-card{grid-template-columns:1fr;padding:12px}.order-product-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.order-product-head{flex-direction:column}.order-product-total{font-size:20px}.order-size-head{display:none}.order-size-row{grid-template-columns:1fr 1fr;gap:5px 12px;padding:10px 0}.order-size-row>*:nth-child(n+3){text-align:left}.order-size-row>*:nth-child(3):before{content:'Stückpreis · ';color:var(--muted);font-weight:400}.order-size-row>*:nth-child(4):before{content:'Summe · ';color:var(--muted);font-weight:400}.order-info-card{grid-template-columns:1fr}.bank-data-grid{grid-template-columns:1fr}.bank-data-grid>div.wide{grid-column:auto}.paypal-open-card{align-items:flex-start;flex-direction:column}}


/* v0.48 Rechtliches */
.legal-page-hero{background:var(--ink);color:#fff;padding:58px 0 64px;border-bottom:1px solid rgba(255,255,255,.08)}
.legal-page-hero-inner{width:min(calc(100% - 64px),1180px);margin:auto}.legal-page-hero .eyebrow{color:var(--lime)}
.legal-page-hero h1{margin:10px 0 16px;color:#fff;font-size:clamp(58px,6vw,88px);line-height:1.03;text-transform:uppercase}.legal-page-hero p{max-width:820px;margin:0;color:#c1c8c3;font-size:19px;line-height:1.65}
.legal-page-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:var(--site-header-offset,0);z-index:20}.legal-page-nav .site-shell{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0}.legal-page-nav a{display:inline-flex;padding:9px 13px;border-radius:999px;font-size:14px;font-weight:800;color:var(--ink);border:1px solid var(--line);background:#f7f8f6;text-decoration:none}.legal-page-nav a.active,.legal-page-nav a:hover{background:var(--green);border-color:var(--green-text);color:#fff}
.legal-content-shell{width:min(calc(100% - 64px),980px);margin:0 auto;padding:62px 0 90px}.legal-content{max-width:none}.legal-content h2{font-size:clamp(34px,4vw,52px);margin-top:46px}.legal-content h3{font-size:30px}.legal-content p,.legal-content li{font-size:18px;line-height:1.75}.legal-content p+ul,.legal-content p+ol{margin-top:12px}.legal-content hr{border:0;border-top:1px solid var(--line);margin:36px 0}
.legal-confirm-check a{font-weight:800;text-decoration:underline;text-underline-offset:2px;color:var(--green-text)}
@media(max-width:760px){.legal-page-hero-inner,.legal-content-shell{width:min(calc(100% - 32px),980px)}.legal-page-hero{padding:42px 0 48px}.legal-page-hero h1{font-size:48px}.legal-page-nav .site-shell{overflow-x:auto;flex-wrap:nowrap;padding:10px 16px}.legal-page-nav a{white-space:nowrap}.legal-content-shell{padding:44px 0 64px}.legal-content p,.legal-content li{font-size:17px}}

/* v0.58 – Clipart-Suche & durchsuchbare Designvorlagen */
.designer-page .designer-library-search{display:grid;gap:7px;margin-bottom:10px}
.designer-page .designer-library-search label{font-size:14px;font-weight:850;color:var(--ink)}
.designer-page .designer-library-search input[type="search"]{width:100%;min-width:0;min-height:48px;padding:11px 13px;border:1px solid #d9e0d6;border-radius:12px;background:#fff;color:var(--ink);font-size:15px;outline:none}
.designer-page .designer-library-search input[type="search"]:focus{border-color:var(--green-text);box-shadow:0 0 0 3px rgba(131,188,0,.10)}
.designer-page .designer-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.designer-page .designer-search-row>button{min-height:48px;padding:0 15px;border:0;border-radius:12px;background:var(--green);color:#fff;font-size:14px;font-weight:900;cursor:pointer}
.designer-page .designer-search-row>button:hover{filter:brightness(.96)}
.designer-page .designer-quick-search{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 11px}
.designer-page .designer-library-search label.designer-clipart-filter{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:1px 0 0;font-size:13px;font-weight:750;line-height:1.4;cursor:pointer;color:var(--ink)}
.designer-page .designer-clipart-filter input{width:18px;height:18px;accent-color:var(--green-text);flex:0 0 auto;margin:0}
.designer-page .designer-clipart-filter small{flex-basis:100%;padding-left:25px;font-size:12px;font-weight:450;line-height:1.4;color:#67736b}
.designer-page .designer-quick-search button{min-height:34px;padding:5px 10px;border:1px solid #dbe3d7;border-radius:999px;background:#f7f9f5;color:#4f5a52;font-size:13px;font-weight:750;cursor:pointer}
.designer-page .designer-quick-search button:hover{border-color:var(--green-text);background:#f2f8e8;color:var(--green-text)}
.designer-page .designer-library-result-count,.designer-page .clipart-status{margin:2px 0 9px;font-size:13px;line-height:1.45;color:#69736d}
.designer-page .clipart-status.loading{color:#5b6500}.designer-page .clipart-status.error{padding:9px 10px;border-radius:10px;background:#fff0ee;color:#a52c20}.designer-page .clipart-status.warning{padding:9px 10px;border-radius:10px;background:#fff7e8;color:#73510b}.designer-page .clipart-status.success{color:#536900}
.designer-page .clipart-library-grid:empty{display:none}
.designer-page .designer-library-item{display:grid;align-content:start;gap:5px;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.designer-page .designer-library-item:hover{border-color:var(--green-text);box-shadow:0 6px 18px rgba(1,4,5,.08);transform:translateY(-1px)}
.designer-page .designer-library-item img{display:block;background:#f8faf7;border-radius:7px}
.designer-page .designer-library-item span{font-size:13px!important;line-height:1.3;font-weight:800;color:var(--ink)}
.designer-page .designer-library-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#7b857f}
.designer-page .clipart-library-item{position:relative}
.designer-page .clipart-library-item:disabled{opacity:.55;cursor:wait;transform:none}
.designer-page .clipart-pagination{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:11px}
.designer-page .clipart-pagination button{min-height:38px;padding:7px 10px;border:1px solid #dbe3d7;border-radius:10px;background:#fff;color:var(--ink);font-size:13px;font-weight:800;cursor:pointer}
.designer-page .clipart-pagination button:disabled{opacity:.35;cursor:not-allowed}
.designer-page .clipart-pagination span{text-align:center;font-size:12px;color:#727c75}
.designer-page .clipart-license-note{margin:12px 0 0;padding-top:10px;border-top:1px solid #edf0eb;font-size:11px;line-height:1.5;color:#747f78}
.designer-page .clipart-license-note a{color:var(--green-text);font-weight:750}
@media(max-width:560px){.designer-page .designer-search-row{grid-template-columns:1fr}.designer-page .designer-search-row>button{width:100%}}

/* v0.63: robuster Clipart-Vorschau-Fallback */
.designer-page .clipart-preview-placeholder{width:100%;aspect-ratio:1;display:grid;place-items:center;padding:8px;text-align:center;background:#f8faf7;border-radius:7px;color:#8a938e;font-size:11px;line-height:1.35;font-weight:700}
.designer-page .clipart-preview-missing img[hidden]{display:none!important}

/* v0.64 – Produkt-Datenblätter */
.product-document-section{background:#f4f6f2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.product-document-head{max-width:760px;margin-bottom:24px}.product-document-head h2{margin:6px 0 8px;font-size:clamp(36px,4vw,54px)}.product-document-head p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}
.product-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-document-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid #dfe5db;border-radius:18px;background:#fff}.product-document-card h3{margin:6px 0 4px;font-size:22px}.product-document-card small{color:var(--muted);overflow-wrap:anywhere}.product-document-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef5de;color:var(--green-text);font-size:11px;font-weight:900;letter-spacing:.08em}.product-document-card .btn-secondary{white-space:nowrap}
@media(max-width:760px){.product-document-grid{grid-template-columns:1fr}.product-document-card{align-items:flex-start;flex-direction:column}.product-document-card .btn-secondary{width:100%;justify-content:center}}

/* v0.64 – elektronische Widerrufsfunktion */
.footer-withdrawal-link{padding:7px 10px;border:1px solid rgba(255,255,255,.32);border-radius:999px;font-weight:900!important;color:#fff!important}
.withdrawal-shell{width:min(calc(100% - 40px),780px);margin:0 auto;padding:54px 0 86px}.withdrawal-card{padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(17,21,18,.06)}.withdrawal-card h2{margin:8px 0 10px;font-size:clamp(36px,5vw,54px)}.withdrawal-card>p{color:var(--muted);font-size:17px;line-height:1.65}.withdrawal-form{display:grid;gap:15px;margin-top:24px}.withdrawal-form label{display:grid;gap:7px;font-weight:850}.withdrawal-form input{min-height:52px;padding:12px 14px;border:1px solid #d8ded5;border-radius:12px;background:#fff;font:inherit}.withdrawal-form input:focus{outline:none;border-color:var(--green-text);box-shadow:0 0 0 3px rgba(131,188,0,.12)}.withdrawal-form .btn-secondary{justify-content:center}.withdrawal-note{margin-top:22px!important;font-size:14px!important}.withdrawal-note a{font-weight:850;color:var(--green-text)}.withdrawal-review{display:grid;gap:0;margin:24px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.withdrawal-review>div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:13px 15px;border-bottom:1px solid var(--line)}.withdrawal-review>div:last-child{border-bottom:0}.withdrawal-review dt{font-weight:800;color:var(--muted)}.withdrawal-review dd{margin:0;font-weight:750;overflow-wrap:anywhere}@media(max-width:620px){.withdrawal-card{padding:22px}.withdrawal-review>div{grid-template-columns:1fr;gap:3px}}

/* v0.66 – Produktdatenblätter direkt am Produkt und im Designer */
.product-public-downloads{padding-top:2px}.product-public-downloads-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.product-public-downloads-head>span{display:flex;flex-direction:column;gap:2px}.product-public-downloads-head>span>small{color:var(--muted);font-size:12px}.product-public-downloads-head>b{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:24px;padding:0 8px;border-radius:999px;background:#eef5de;color:var(--green-text);font-size:10px;letter-spacing:.07em}.product-public-download-list{display:grid;gap:8px}.product-public-download-link{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dde4d9;border-radius:13px;background:#fff;color:var(--ink);text-decoration:none;transition:.16s ease}.product-public-download-link:hover{border-color:var(--green-text);background:#f8fbf2;transform:translateY(-1px)}.product-download-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#111512;color:#fff;font-size:10px;font-weight:900;letter-spacing:.05em}.product-public-download-link>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.product-public-download-link strong{font-size:14px}.product-public-download-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.product-public-download-link>b{color:var(--green-text);font-size:12px;white-space:nowrap}
.designer-documents-accordion .designer-accordion-icon{font-size:9px;font-weight:900;letter-spacing:.02em}.designer-document-list{display:grid;gap:8px}.designer-document-link{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:10px;border:1px solid #dde4d9;border-radius:12px;background:#fff;color:var(--ink);text-decoration:none}.designer-document-link:hover{border-color:var(--green-text);background:#f8fbf2}.designer-document-link>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#111512;color:white;font-size:9px;font-weight:900}.designer-document-link>div{min-width:0;display:flex;flex-direction:column;gap:2px}.designer-document-link strong{font-size:13px;line-height:1.25}.designer-document-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.designer-document-link>b{color:var(--green-text);font-size:16px;text-align:center}.designer-product-info-link{display:inline-flex;margin-top:10px;color:var(--green-text);font-size:12px;font-weight:800;text-decoration:none}.designer-product-info-link:hover{text-decoration:underline}
@media(max-width:620px){.product-public-download-link{grid-template-columns:38px minmax(0,1fr)}.product-public-download-link>b{grid-column:2}.product-download-icon{width:38px;height:38px}}

@media(max-width:760px){.product-public-details{margin-top:22px;padding-top:22px}.product-public-printareas ul{grid-template-columns:1fr}.product-public-description-block .richtext-public,.product-public-description-block .richtext-public>p:first-child{font-size:14px}}

/* v1.93 – eigenständige linke Spalte: Beschreibung unmittelbar nach Bildergalerie,
   unabhängig von der (oft höheren) Optionsspalte rechts. */
.product-public-grid-new>.product-public-left{grid-column:1;min-width:0;display:flex;flex-direction:column;gap:18px}
.product-public-grid-new>.product-public-info{grid-column:2;grid-row:1;align-self:start}
.product-public-left>.product-public-details-gallery{margin:0;padding:28px 30px;border-top:0;border-radius:26px;background:#fff;box-shadow:var(--shadow-sm);gap:28px}
.product-public-details-gallery .product-public-description-block h2{margin:0 0 14px;font-size:clamp(32px,3vw,44px);line-height:1;text-transform:uppercase}
.product-public-details-gallery .product-public-printareas{margin-top:0}
@media(max-width:1060px){
  .product-public-grid-new>.product-public-left,.product-public-grid-new>.product-public-info{grid-column:1;grid-row:auto}
}
@media(max-width:760px){.product-public-left>.product-public-details-gallery{padding:22px 20px;border-radius:22px}.product-public-details-gallery .product-public-description-block h2{font-size:34px}}


/* v0.71 – Lesbarkeit Produktbeschreibung und Druckbereiche */
.product-public-details-gallery .product-public-description-block .richtext-public,
.product-public-details-gallery .product-public-description-block .richtext-public>p:first-child{font-size:19px;line-height:1.72}
.product-public-details-gallery .product-public-printareas li{padding:13px 14px;gap:4px}
.product-public-details-gallery .product-public-printareas li strong{font-size:17px;line-height:1.25}
.product-public-details-gallery .product-public-printareas li small{font-size:13px;line-height:1.35}
@media(max-width:760px){
  .product-public-details-gallery .product-public-description-block .richtext-public,
  .product-public-details-gallery .product-public-description-block .richtext-public>p:first-child{font-size:19px}
  .product-public-details-gallery .product-public-printareas li strong{font-size:16px}
  .product-public-details-gallery .product-public-printareas li small{font-size:12px}
}

/* v0.72 – Premium-Positionierung & SEO-Inhaltsbereiche */
.home-premium-story{padding-top:40px}.premium-story-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:64px;align-items:start}.premium-story-copy{padding:44px;border-radius:30px;background:#fff;box-shadow:var(--shadow-sm)}.premium-story-copy h2{margin:8px 0 20px;font-size:clamp(44px,5vw,72px);line-height:.95}.premium-story-copy p{margin:0 0 16px;font-size:19px;line-height:1.72;color:#4e5952}.premium-story-copy .btn-text{margin-top:12px}.premium-story-points{display:grid;gap:14px}.premium-story-points article{display:grid;grid-template-columns:68px 1fr;gap:18px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#f8faf6}.premium-story-points article>strong{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--ink);color:#fff;font-size:17px}.premium-story-points h3{margin:2px 0 7px;font-size:27px}.premium-story-points p{margin:0;color:var(--muted);font-size:16px;line-height:1.6}
.catalog-category-description{max-width:960px;margin:18px 0 34px;padding:24px 28px;border-left:4px solid var(--green);border-radius:0 18px 18px 0;background:#f4f7f0}.catalog-category-description p{font-size:18px;line-height:1.7}.catalog-seo-content{padding:74px 0;background:#fff;border-top:1px solid var(--line)}.catalog-seo-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:64px;align-items:start}.catalog-seo-grid h2{margin:8px 0 22px;font-size:clamp(42px,5vw,66px);line-height:.98}.catalog-seo-grid>div:first-child>p{max-width:900px;margin:0 0 16px;font-size:19px;line-height:1.72;color:#4e5952}.catalog-seo-facts{display:grid;gap:12px}.catalog-seo-facts article{padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:#f6f8f4}.catalog-seo-facts strong{display:block;margin-bottom:5px;font-size:22px}.catalog-seo-facts span{display:block;color:var(--muted);font-size:15px;line-height:1.5}
@media(max-width:900px){.premium-story-grid,.catalog-seo-grid{grid-template-columns:1fr;gap:28px}.premium-story-copy{padding:30px}.home-premium-story{padding-top:22px}}
@media(max-width:620px){.premium-story-copy{padding:24px 20px;border-radius:22px}.premium-story-copy p,.catalog-seo-grid>div:first-child>p{font-size:17px}.premium-story-points article{grid-template-columns:52px 1fr;padding:18px}.premium-story-points article>strong{width:46px;height:46px}.catalog-seo-content{padding:52px 0}.catalog-category-description{padding:20px;margin-bottom:26px}}

/* v0.72 – Vertrauenssignal im Designer */
.designer-page .designer-premium-trust{display:grid;gap:3px;padding:13px 16px;border:1px solid #dfe8d8;border-radius:15px;background:#f6f9f3}
.designer-page .designer-premium-trust strong{font-size:14px;line-height:1.25;color:var(--green-text)}
.designer-page .designer-premium-trust span{font-size:12.5px;line-height:1.4;color:#68736c}
@media(max-width:820px){.designer-page .designer-premium-trust{padding:12px 14px}.designer-page .designer-premium-trust span{font-size:12px}}

/* v0.76 · SEO occasion / audience discovery */
.home-occasions{background:#f4f6f3}
.occasion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.occasion-card{min-height:190px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:18px;text-decoration:none;color:var(--ink);transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}
.occasion-card:before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:.2s}
.occasion-card:hover{transform:translateY(-3px);border-color:#cbd5c4;box-shadow:0 14px 36px rgba(1,4,5,.08)}
.occasion-card:hover:before{transform:scaleX(1)}
.occasion-index{grid-column:1/-1;font:700 13px/1 var(--font-body);letter-spacing:.12em;color:var(--green-text)}
.occasion-card h3{margin:0 0 8px;font-size:28px;line-height:1.05}
.occasion-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.occasion-card>i{align-self:end;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green-100);color:var(--green-text)}
.occasion-card>i svg{width:20px;height:20px}
.occasion-more{margin-top:24px;display:flex;justify-content:flex-end}

.occasion-related-section{padding:18px 0 78px}
.occasion-related-shell{width:min(calc(100% - 64px),1180px);margin:auto}
.occasion-related-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}
.occasion-related-head h2{margin:4px 0 0;font-size:44px}
.occasion-related-head p{max-width:560px;margin:0;color:var(--muted);line-height:1.65}
.occasion-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.occasion-related-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff;color:var(--ink);text-decoration:none;display:grid;grid-template-columns:1fr auto;gap:16px;min-height:142px;transition:.2s}
.occasion-related-card:hover{border-color:#b9c8af;transform:translateY(-2px);box-shadow:0 10px 28px rgba(1,4,5,.07)}
.occasion-related-card h3{margin:0 0 7px;font-size:24px;line-height:1.1}
.occasion-related-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.occasion-related-card>i{align-self:end;color:var(--green-text)}
.occasion-products{padding:70px 0;background:#f4f6f3}
.occasion-products .product-grid-modern{margin-top:28px}

@media(max-width:1100px){.occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.occasion-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.occasion-grid,.occasion-related-grid{grid-template-columns:1fr}.occasion-card{min-height:0}.occasion-related-shell{width:min(calc(100% - 32px),1180px)}.occasion-related-head{align-items:flex-start;flex-direction:column}.occasion-related-head h2{font-size:38px}.occasion-more{justify-content:flex-start}}

/* =========================================================
   MyShirt OS v0.79 · Designer-Zoom als Seitenleiste
   ========================================================= */
.designer-grid-v2 .product-stage-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;align-items:stretch}
.designer-grid-v2 .product-stage{width:100%;max-width:820px;margin:0 auto}
.designer-stage-zoom{position:static;z-index:16;display:flex;flex-direction:column;align-items:stretch;align-self:start;gap:7px;padding:10px;border:1px solid #dce3d9;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(1,4,5,.08)}
.designer-stage-zoom-title{padding:2px 4px 5px;color:#68716c;font-size:10px;font-weight:900;letter-spacing:.1em;text-align:center;text-transform:uppercase}
.designer-stage-zoom button,.designer-stage-zoom-value{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;min-height:54px;padding:7px 6px;border:1px solid transparent;border-radius:12px;background:#f0f3ee;color:var(--ink);font:inherit;text-align:center}
.designer-stage-zoom button{cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}
.designer-stage-zoom button:hover:not(:disabled){background:var(--ink);color:#fff;transform:translateY(-1px)}
.designer-stage-zoom button:disabled{opacity:.34;cursor:default}
.designer-stage-zoom button b{font-size:22px;line-height:1;font-weight:900}
.designer-stage-zoom button small,.designer-stage-zoom-value small{font-size:9px;line-height:1.15;font-weight:800;letter-spacing:.02em}
.designer-stage-zoom-value{border-color:#dde3db;background:#fff}
.designer-stage-zoom-value b{font-size:13px;line-height:1.1;white-space:nowrap}
.designer-stage-zoom .designer-stage-zoom-focus{min-height:58px;background:#eef5de;color:var(--green-text)}
.designer-stage-zoom .designer-stage-zoom-focus b{font-size:11px;line-height:1.15}
.designer-stage-zoom .designer-stage-zoom-back{min-height:58px;border-color:#dfe5dc;background:#fff}
.designer-stage-zoom .designer-stage-zoom-back b{font-size:19px}
.designer-stage-zoom .designer-history-button{border-color:#dfe5dc;background:#fff}
.designer-stage-zoom .designer-history-button:not(:disabled){color:#324038}
.designer-stage-object-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:8px;border-top:1px solid #e4e9e1}
.designer-stage-object-tools[hidden]{display:none}
.designer-stage-object-title{grid-column:1/-1;padding:1px 2px 3px;color:#68716c;font-size:9px;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.designer-stage-zoom .designer-stage-object-tools button{min-height:47px;padding:5px 2px;background:#f6f8f4}
.designer-stage-zoom .designer-stage-object-tools button b{font-size:18px}
.designer-stage-zoom .designer-stage-object-tools button small{font-size:8px;line-height:1.05}
.designer-stage-zoom .designer-stage-object-tools button[data-object-fit]{background:#eef5de;color:var(--green-text)}
.designer-stage-zoom .designer-stage-object-tools button[data-object-center]{grid-column:1/-1}
.designer-grid-v2 .product-stage canvas,.designer-grid-v2 .product-stage .product-fallback,.designer-grid-v2 .product-stage .print-area-layer{transform-origin:0 0;transform:translate(var(--stage-pan-x,0px),var(--stage-pan-y,0px)) scale(var(--stage-zoom,1));transition:transform .18s ease;will-change:transform}
.designer-grid-v2 .product-stage[data-zoom-active="1"]{box-shadow:inset 0 0 0 1px #cfd8cb,0 0 0 3px rgba(145,201,0,.08)}
.designer-grid-v2 .product-stage[data-gesture-active="1"] canvas,.designer-grid-v2 .product-stage[data-gesture-active="1"] .product-fallback,.designer-grid-v2 .product-stage[data-gesture-active="1"] .print-area-layer{transition:none!important}
.designer-touch-hint{display:none}
@media(max-width:1120px){
  .designer-grid-v2 .product-stage-wrap{grid-template-columns:minmax(0,1fr) 102px;gap:10px}
  .designer-stage-zoom{padding:8px}
}
@media(max-width:820px){
  .designer-grid-v2 .product-stage-wrap{grid-template-columns:1fr;gap:10px}
  .designer-stage-zoom{grid-row:1;display:grid;grid-template-columns:auto repeat(7,minmax(58px,1fr));align-items:center;gap:6px;padding:8px}
  .designer-stage-zoom-title{padding:0 7px}
  .designer-stage-zoom button,.designer-stage-zoom-value{min-height:46px}
  .designer-stage-zoom .designer-stage-zoom-focus,.designer-stage-zoom .designer-stage-zoom-back{min-height:46px}
  .designer-stage-object-tools{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:7px}
  .designer-stage-object-title{grid-column:1/-1}
  .designer-stage-zoom .designer-stage-object-tools button[data-object-center]{grid-column:auto}
  .designer-stage-zoom .designer-stage-object-tools button{min-height:42px}
}
@media(max-width:560px){
  .designer-stage-zoom{grid-template-columns:repeat(7,1fr)}
  .designer-stage-zoom-title{display:none}
  .designer-stage-zoom button,.designer-stage-zoom-value{min-width:0;padding:6px 3px}
  .designer-stage-zoom button small,.designer-stage-zoom-value small{font-size:8px}
  .designer-stage-zoom .designer-stage-zoom-focus b{font-size:9px}
  .designer-stage-object-tools{grid-template-columns:repeat(5,minmax(0,1fr))}
  .designer-stage-object-title{display:none}
}
.designer-grid-v2 .product-stage .design-selection-overlay{border-width:var(--stage-selection-border,2px)}
.designer-grid-v2 .product-stage .selection-handle{width:var(--stage-handle-size,32px);height:var(--stage-handle-size,32px);border-width:var(--stage-handle-border,3px);box-shadow:0 var(--stage-handle-shadow-y,2px) var(--stage-handle-shadow-blur,8px) rgba(1,4,5,.24);font-size:var(--stage-handle-icon-size,18px)}
.designer-grid-v2 .product-stage .selection-handle-scale{right:var(--stage-handle-offset,-17px);bottom:var(--stage-handle-offset,-17px)}
.designer-grid-v2 .product-stage .selection-handle-rotate{top:var(--stage-rotate-top,-48px)}
.designer-grid-v2 .product-stage .selection-handle-rotate:before{top:var(--stage-rotate-line-top,29px);width:var(--stage-rotate-line-width,2px);height:var(--stage-rotate-line-height,18px)}

/* v0.81 – Speedprint & kostenloser Versand */
.checkout-speedprint{margin-top:14px}
.checkout-speedprint-option{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px 18px;border:1px solid rgba(113,169,0,.35);border-radius:16px;background:linear-gradient(135deg,#f5faeb,#fff);cursor:pointer}
.checkout-speedprint-option>input{width:19px;height:19px;accent-color:var(--green-text);margin:0}
.checkout-speedprint-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--green);color:#fff;font-size:20px;font-weight:900}
.checkout-speedprint-icon .ui-icon{width:21px;height:21px}
.checkout-speedprint-copy{display:grid;gap:3px;min-width:0}
.checkout-speedprint-copy strong{font-size:16px;color:var(--ink)}
.checkout-speedprint-copy small{font-size:13px;line-height:1.4;color:var(--muted)}
.checkout-speedprint-option>b{white-space:nowrap;color:var(--green-text);font-size:16px}
.checkout-speedprint-summary{color:var(--green-text)}
.checkout-speedprint-option:has(input:disabled){opacity:.66;cursor:not-allowed}
.speedprint-payment-unavailable{color:#a33!important;font-weight:750}
.checkout-option.speedprint-unavailable{opacity:.48;background:#f5f5f3;cursor:not-allowed}
.checkout-option.speedprint-unavailable input{cursor:not-allowed}
.checkout-payment-restriction{margin-top:12px;padding:12px 14px;border:1px solid #d9e7c9;border-radius:14px;background:#f6faef;display:flex;gap:10px;align-items:flex-start;color:var(--green-text)}
.checkout-payment-restriction[hidden]{display:none}
.checkout-payment-restriction .ui-icon{width:21px;height:21px;flex:0 0 auto;margin-top:1px}
.checkout-payment-restriction span{display:grid;gap:2px}
.checkout-payment-restriction strong{font-size:14px;color:var(--ink)}
.checkout-payment-restriction small{font-size:12px;line-height:1.4;color:var(--muted)}
.cart-service-hint{margin-top:16px;padding:14px 15px;border:1px solid #dce8c8;border-radius:14px;background:#f6faef;color:#4d5a4f;font-size:14px;line-height:1.5}
.cart-service-hint strong{display:block;color:var(--ink);margin-bottom:3px}
.cart-service-hint.is-free{border-color:#cfe0b1;background:#f2f8e7}
@media(max-width:620px){.checkout-speedprint-option{grid-template-columns:auto auto minmax(0,1fr);padding:14px}.checkout-speedprint-option>b{grid-column:3;justify-self:start}.checkout-speedprint-copy strong{font-size:15px}}
.order-summary-row.speedprint{color:var(--green-text);font-weight:800}.order-speedprint-note{display:grid;gap:4px;margin:16px 0;padding:14px 15px;border:1px solid #cfe0b1;border-radius:14px;background:#f2f8e7}.order-speedprint-note strong{color:var(--green-text)}.order-speedprint-note span{font-size:13px;line-height:1.45;color:var(--muted)}


/* v0.85 – frei wählbare Shop-Vorschaufarbe */
.hero-card-canvas .catalog-product-visual{position:absolute;inset:0;width:100%;height:100%}
.hero-card-canvas .catalog-product-visual img,.hero-card-canvas .catalog-product-visual canvas{max-width:74%;max-height:88%}
.product-card-media .catalog-product-visual{width:100%;height:100%}
.home-page .product-card-media .catalog-product-visual img,.home-page .product-card-media .catalog-product-visual canvas{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.product-public-mainmedia .product-detail-preview{position:absolute;inset:0;padding:35px}
.product-public-mainmedia .product-detail-preview img,.product-public-mainmedia .product-detail-preview canvas{max-width:90%;max-height:590px;object-fit:contain}
@media(max-width:900px){.product-public-mainmedia .product-detail-preview{padding:24px}.product-public-mainmedia .product-detail-preview img,.product-public-mainmedia .product-detail-preview canvas{max-height:520px}}
@media(max-width:600px){.product-public-mainmedia .product-detail-preview{padding:18px}.product-public-mainmedia .product-detail-preview img,.product-public-mainmedia .product-detail-preview canvas{max-height:360px}}

/* v0.88 — globale intelligente Header-Suche */
.header-search-toggle{appearance:none;border:0;background:transparent;color:var(--ink);display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:17px;font-weight:800;white-space:nowrap;padding:0;cursor:pointer}.header-search-toggle .ui-icon{width:21px;height:21px}.header-search-toggle:hover,.header-search-toggle[aria-expanded="true"]{color:var(--green-text)}
.site-search-panel{position:absolute;left:0;right:0;top:100%;z-index:140;background:rgba(255,255,255,.985);border-top:1px solid #edf0eb;border-bottom:1px solid var(--line);box-shadow:0 26px 55px rgba(1,4,5,.14);backdrop-filter:blur(18px)}
.site-search-panel[hidden]{display:none}.site-search-shell{width:min(calc(100% - 64px),var(--shell));margin:auto;padding:20px 0 24px}.site-search-input-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:2px solid #dfe5dc;border-radius:18px;background:#fff;padding:0 14px;min-height:60px;box-shadow:0 7px 24px rgba(1,4,5,.04)}.site-search-input-wrap:focus-within{border-color:var(--green-text);box-shadow:0 0 0 4px rgba(124,182,0,.1)}.site-search-input-icon{display:grid;place-items:center;color:var(--green-text)}.site-search-input-icon .ui-icon{width:24px;height:24px}.site-search-input-wrap input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:18px;color:var(--ink);padding:16px 0}.site-search-input-wrap input::placeholder{color:#929b95}.site-search-close{appearance:none;border:0;background:#f2f5f0;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1;color:#5f6862;cursor:pointer}.site-search-close:hover{background:#e7eddf;color:var(--ink)}
.site-search-live{margin-top:14px;max-height:min(58vh,560px);overflow:auto}.site-search-hint,.site-search-empty,.site-search-loading{min-height:82px;border-radius:15px;background:#f5f7f3;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;gap:5px}.site-search-hint strong,.site-search-empty strong{font-size:16px}.site-search-hint span,.site-search-empty span,.site-search-loading span{font-size:14px;color:var(--muted)}.site-search-loading{flex-direction:row;align-items:center;justify-content:flex-start}.site-search-loading i{width:18px;height:18px;border:2px solid #dfe5dc;border-top-color:var(--green-text);border-radius:50%;animation:siteSearchSpin .7s linear infinite}@keyframes siteSearchSpin{to{transform:rotate(360deg)}}
.site-search-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.site-search-result{display:grid;grid-template-columns:66px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:9px;border:1px solid transparent;border-radius:14px;color:var(--ink);text-decoration:none;background:#fff;min-width:0}.site-search-result:hover,.site-search-result.active{background:#f3f7ed;border-color:#dfe9d1}.site-search-result-image{width:66px;height:58px;border-radius:10px;overflow:hidden;background:#f1f3ef;display:grid;place-items:center;color:var(--green-text);font-size:21px}.site-search-result-image img{width:100%;height:100%;object-fit:contain;background:#f7f8f6}.site-search-result-image.placeholder{font-weight:900}.site-search-result-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.site-search-result-copy small{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.075em;color:var(--green-text)}.site-search-result-copy strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search-result-copy>span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search-result>i{font-style:normal;font-size:18px;color:#a6aea9}.site-search-result:hover>i{color:var(--green-text);transform:translateX(2px)}.site-search-all{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-top:1px solid #e7ebe5;padding-top:12px;color:var(--green-text);font-size:14px;font-weight:850;text-decoration:none}.site-search-all[hidden]{display:none}.site-search-all .ui-icon{width:17px}
.site-search-page{padding:54px 0 90px;background:#f5f7f3;min-height:60vh}.site-search-page-head{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;margin-bottom:24px}.site-search-page-head h1{font-size:clamp(44px,5vw,76px);line-height:.96;margin:6px 0 22px;text-transform:uppercase}.site-search-page-head form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.site-search-page-head input{min-height:58px;border:1px solid var(--line);border-radius:14px;padding:0 17px;font:inherit;font-size:17px;outline:0}.site-search-page-head input:focus{border-color:var(--green-text);box-shadow:0 0 0 4px rgba(124,182,0,.1)}.site-search-page-head button{border:0}.site-search-page-meta{display:flex;gap:7px;align-items:baseline;margin:14px 4px}.site-search-page-meta span{color:var(--muted)}.site-search-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-search-page-card{display:grid;grid-template-columns:100px minmax(0,1fr) 28px;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;color:var(--ink);text-decoration:none}.site-search-page-card:hover{border-color:#cddbb8;box-shadow:0 14px 34px rgba(1,4,5,.07);transform:translateY(-1px)}.site-search-page-image{width:100px;height:86px;border-radius:12px;overflow:hidden;background:#f4f6f2;display:grid;place-items:center;color:var(--green-text)}.site-search-page-image img{width:100%;height:100%;object-fit:contain}.site-search-page-image.placeholder .ui-icon{width:30px}.site-search-page-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.site-search-page-copy small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--green-text);font-weight:900}.site-search-page-copy strong{font-size:18px}.site-search-page-copy>span{font-size:13px;line-height:1.45;color:var(--muted)}.site-search-page-card>i{font-style:normal;color:var(--green-text)}.site-search-page-card>i .ui-icon{width:22px}.site-search-page-empty{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px}.site-search-page-empty h2{font-size:30px;margin:0 0 8px}.site-search-page-empty p{color:var(--muted);margin:0 0 18px}
@media(max-width:1180px){.header-search-toggle span{display:none}.header-search-toggle{width:42px;height:42px;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#fff}.site-search-shell{width:min(calc(100% - 32px),var(--shell))}}
@media(max-width:760px){.site-search-shell{width:calc(100% - 20px);padding:12px 0 16px}.site-search-input-wrap{min-height:52px;border-radius:14px;padding:0 10px}.site-search-input-wrap input{font-size:15px;padding:12px 0}.site-search-result-grid,.site-search-page-grid{grid-template-columns:1fr}.site-search-live{max-height:62vh}.site-search-result{grid-template-columns:56px minmax(0,1fr) 18px}.site-search-result-image{width:56px;height:52px}.site-search-page{padding:26px 0 60px}.site-search-page-head{padding:20px 16px;border-radius:18px}.site-search-page-head form{grid-template-columns:1fr}.site-search-page-card{grid-template-columns:76px minmax(0,1fr) 22px}.site-search-page-image{width:76px;height:70px}.site-search-page-copy strong{font-size:16px}.site-search-page-copy>span{font-size:12px}}

.designer-page .designer-library-item[hidden]{display:none!important}.designer-page [data-template-no-results][hidden]{display:none!important}

/* =========================================================
   MyShirt OS v0.98 · Mobile Designer App Shell
   Smartphone: Arbeitsfläche zuerst, Werkzeuge als Bottom Sheets
   ========================================================= */
.designer-mobile-nav,.designer-mobile-backdrop,.designer-mobile-sheet-bar,.designer-mobile-element-tabs{display:none}

@media (max-width:820px){
  body.designer-page{background:#eef1ed;overscroll-behavior-y:none}
  body.designer-mobile-sheet-open{overflow:hidden}
  .designer-page .site-header{display:none!important}
  .designer-page .designer-shell-v2{width:100%;margin:0;padding:0 0 calc(78px + env(safe-area-inset-bottom));}

  .designer-page .designer-appbar{position:sticky;top:0;z-index:150;grid-template-columns:minmax(0,1fr) auto;min-height:62px;margin:0;padding:8px 10px;border:0;border-bottom:1px solid #e1e6de;border-radius:0;background:rgba(255,255,255,.97);box-shadow:0 7px 22px rgba(1,4,5,.08);backdrop-filter:blur(14px)}
  .designer-page .designer-appbar-product{gap:9px}.designer-page .designer-back-link{width:42px;height:42px;border-radius:12px}
  .designer-page .designer-appbar-product>div{gap:0}.designer-page .designer-appbar-product span{font-size:9px;line-height:1.2}.designer-page .designer-appbar-product strong{font-size:14px;line-height:1.2}
  .designer-page .designer-appbar-state{display:none!important}
  .designer-page .designer-appbar-actions{grid-column:2;grid-row:1;gap:6px}
  .designer-page .designer-appbar-actions>a[href*="konto.php"],.designer-page .designer-appbar-actions>[data-share-design]{display:none!important}
  .designer-page .designer-top-action{width:42px;min-height:42px;padding:0;border-radius:12px}.designer-page .designer-top-action span{display:none!important}

  .designer-page .designer-shared-notice,.designer-page .designer-transfer-notice{margin:8px;border-radius:14px}
  .designer-page .designer-grid-v2{display:block;margin:0}
  .designer-page .designer-grid-v2 .designer-workspace{width:100%;margin:0;border-radius:0;box-shadow:none;overflow:visible}
  .designer-page .view-switcher{position:sticky;top:62px;z-index:45;min-height:54px;height:auto;padding:7px 8px;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;background:rgba(255,255,255,.96);box-shadow:0 4px 14px rgba(1,4,5,.045)}
  .designer-page .view-switcher::-webkit-scrollbar{display:none}.designer-page .view-button{flex:0 0 auto;min-height:40px;padding:8px 14px;border-radius:999px;font-size:14px}

  .designer-page .designer-grid-v2 .product-stage-wrap{position:relative;display:block;padding:8px 8px 12px;background:#e9ede7}
  .designer-page .designer-grid-v2 .product-stage{width:100%;max-width:none;min-height:clamp(430px,64dvh,650px);margin:0;border-radius:18px;background-size:16px 16px;box-shadow:0 0 0 1px #dce3d9;touch-action:none}
  .designer-page .designer-grid-v2 .product-stage{overscroll-behavior:contain;-webkit-user-select:none;user-select:none}
  .designer-page .designer-touch-hint{position:absolute;left:16px;bottom:18px;z-index:24;display:flex;flex-wrap:wrap;gap:5px 10px;max-width:calc(100% - 86px);padding:7px 9px;border:1px solid rgba(218,225,214,.92);border-radius:11px;background:rgba(255,255,255,.88);box-shadow:0 4px 14px rgba(1,4,5,.08);backdrop-filter:blur(7px);pointer-events:none;color:#55615a;font-size:9px;line-height:1.15;font-weight:850}
  .designer-page .product-stage[data-gesture-active="1"]+.designer-touch-hint{opacity:.35}

  .designer-page .designer-stage-zoom{position:absolute;right:15px;top:15px;z-index:25;display:grid;grid-template-columns:46px;width:46px;gap:6px;padding:0;border:0;border-radius:14px;background:transparent;box-shadow:none}
  .designer-page .designer-stage-zoom-title,.designer-page .designer-stage-zoom-value{display:none!important}
  .designer-page .designer-stage-zoom button{width:46px;min-width:46px;height:46px;min-height:46px;padding:0;border:1px solid rgba(214,222,211,.95);border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 5px 16px rgba(1,4,5,.12);backdrop-filter:blur(7px)}
  .designer-page .designer-stage-zoom button b{font-size:22px}.designer-page .designer-stage-zoom button small{display:none}
  .designer-page .designer-stage-zoom .designer-stage-zoom-focus,.designer-page .designer-stage-zoom .designer-stage-zoom-back{min-height:46px;height:46px}
  .designer-page .designer-stage-zoom .designer-stage-zoom-focus b{font-size:0}.designer-page .designer-stage-zoom .designer-stage-zoom-focus b:after{content:'⌖';font-size:23px;line-height:1}
  .designer-page .designer-stage-zoom .designer-stage-zoom-back b{font-size:21px}

  .designer-page .designer-stage-object-tools{position:fixed;left:8px;right:8px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:165;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:auto;padding:7px;border:1px solid #dce3d9;border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 12px 34px rgba(1,4,5,.18);backdrop-filter:blur(14px)}
  .designer-page .designer-stage-object-tools[hidden]{display:none!important}.designer-page .designer-stage-object-title{display:none}
  .designer-page .designer-stage-zoom .designer-stage-object-tools button{width:100%;min-width:0;height:47px;min-height:47px;padding:4px 2px;border:0;box-shadow:none;background:#f2f5ef}
  .designer-page .designer-stage-zoom .designer-stage-object-tools button b{font-size:19px}.designer-page .designer-stage-zoom .designer-stage-object-tools button small{display:block;font-size:9px;line-height:1.05}
  .designer-page .designer-stage-zoom .designer-stage-object-tools button[data-object-fit]{background:#edf5dd;color:var(--green-text)}

  .designer-page .designer-tools-column,.designer-page .designer-config-column{position:fixed!important;left:8px;right:8px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:180;display:block;width:auto;max-height:min(76dvh,700px);overflow:auto;overscroll-behavior:contain;margin:0;padding:8px 8px 14px;border:1px solid #dce3d9;border-radius:24px 24px 18px 18px;background:#eef1ed;box-shadow:0 24px 70px rgba(1,4,5,.28);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 110px));transition:transform .28s cubic-bezier(.2,.8,.25,1),opacity .2s ease,visibility .28s;scrollbar-width:none}
  .designer-page .designer-tools-column::-webkit-scrollbar,.designer-page .designer-config-column::-webkit-scrollbar{display:none}
  .designer-page .designer-tools-column.mobile-sheet-active,.designer-page .designer-config-column.mobile-sheet-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  .designer-page .designer-tools-column>.designer-column-head,.designer-page .designer-config-column>.designer-column-head{display:none!important}

  .designer-page .designer-mobile-sheet-bar{position:sticky;top:-8px;z-index:8;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:54px;margin:-8px -8px 8px;padding:14px 12px 8px;border-bottom:1px solid #e2e7df;border-radius:24px 24px 0 0;background:rgba(255,255,255,.98);backdrop-filter:blur(12px)}
  .designer-page .designer-mobile-sheet-handle{position:absolute;left:50%;top:6px;width:42px;height:4px;border-radius:999px;background:#d2d9cf;transform:translateX(-50%)}
  .designer-page .designer-mobile-sheet-bar strong{font-family:var(--font-heading);font-size:22px;line-height:1;text-transform:uppercase}
  .designer-page .designer-mobile-sheet-bar button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#eef2ec;color:#253029;font-size:25px;line-height:1;cursor:pointer}
  .designer-page .designer-mobile-element-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 8px;padding:4px;border-radius:14px;background:#e3e8e0}
  .designer-page .designer-mobile-element-tabs[hidden]{display:none!important}.designer-page .designer-mobile-element-tabs button{min-height:42px;border:0;border-radius:11px;background:transparent;color:#5a655e;font:inherit;font-size:13px;font-weight:850;cursor:pointer}.designer-page .designer-mobile-element-tabs button.active{background:#fff;color:var(--green-text);box-shadow:0 3px 10px rgba(1,4,5,.07)}

  .designer-page .designer-tools-column.mobile-filtered>.designer-accordion{display:none}.designer-page .designer-tools-column.mobile-filtered>.designer-accordion.mobile-tool-visible{display:block;margin:0;box-shadow:none;border-radius:15px}
  .designer-page .designer-tools-column.mobile-filtered>.designer-accordion.mobile-tool-visible>summary{display:none}.designer-page .designer-tools-column.mobile-filtered>.designer-accordion.mobile-tool-visible>.designer-accordion-body{padding:12px}
  .designer-page .designer-tools-column .designer-area-card{margin:0 0 8px;padding:10px 12px;box-shadow:none;border:1px solid #e0e6dc}.designer-page .designer-tools-column .designer-area-card select{min-height:44px}
  .designer-page .designer-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.designer-page .shape-button-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .designer-page .designer-search-row{grid-template-columns:minmax(0,1fr) auto}.designer-page .designer-search-row>button{width:auto;min-width:82px}

  .designer-page .designer-config-column>.designer-premium-trust{display:none}.designer-page .designer-config-column>.designer-live-total{position:sticky;top:54px;z-index:7;margin:0 0 8px;border-radius:14px;box-shadow:0 5px 15px rgba(1,4,5,.06)}
  .designer-page .designer-config-column>.designer-accordion{margin:0 0 8px;box-shadow:none}.designer-page .designer-config-column .designer-accordion>summary{min-height:64px;padding:9px 11px}.designer-page .designer-config-column .designer-accordion-body{padding:12px}
  .designer-page .designer-config-column .color-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.designer-page .designer-config-column .size-quantity-list{max-height:none;overflow:visible}
  .designer-page .designer-config-column .designer-quick-cart{position:sticky;bottom:-8px;z-index:8;padding:8px 0 0;background:linear-gradient(transparent,#eef1ed 24%)}

  .designer-page .designer-mobile-backdrop{position:fixed;inset:0 0 calc(70px + env(safe-area-inset-bottom)) 0;z-index:170;display:block;border:0;background:rgba(20,26,22,.46);backdrop-filter:blur(2px)}
  .designer-page .designer-mobile-backdrop[hidden]{display:none!important}
  .designer-page .designer-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:200;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;min-height:70px;padding:5px 6px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #dfe5dc;background:rgba(255,255,255,.98);box-shadow:0 -8px 26px rgba(1,4,5,.11);backdrop-filter:blur(15px)}
  .designer-page .designer-mobile-nav button{display:grid;place-items:center;align-content:center;gap:3px;min-width:0;min-height:58px;padding:4px 2px;border:0;border-radius:12px;background:transparent;color:#59645d;font:inherit;cursor:pointer}
  .designer-page .designer-mobile-nav button b{display:grid;place-items:center;min-height:23px;font-size:20px;line-height:1;color:#3e4942}.designer-page .designer-mobile-nav button b .ui-icon{width:21px;height:21px}.designer-page .designer-mobile-nav button span{font-size:10px;line-height:1.1;font-weight:850;white-space:nowrap}
  .designer-page .designer-mobile-nav button.active{background:#edf5de;color:var(--green-text)}.designer-page .designer-mobile-nav button.active b{color:var(--green-text)}

  .designer-page .designer-save-modal,.designer-page .designer-share-modal{place-items:end center;padding:0}.designer-page .designer-share-dialog{width:100%;max-height:88dvh;padding:28px 20px calc(24px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0}.designer-page .designer-share-dialog h2{font-size:40px}
  .designer-page .designer-cart-drawer{left:8px;right:8px;top:auto;bottom:calc(78px + env(safe-area-inset-bottom));width:auto;border-radius:20px;transform:translateY(calc(100% + 110px))}.designer-page .designer-cart-drawer.is-open{transform:translateY(0)}
}

@media (max-width:430px){
  .designer-page .designer-grid-v2 .product-stage{min-height:0}
  .designer-page .designer-appbar-product span{display:none}.designer-page .designer-appbar-product strong{font-size:13px}
  .designer-page .designer-stage-zoom{right:11px;top:11px}
  .designer-page .designer-stage-zoom,.designer-page .designer-stage-zoom button{width:44px;min-width:44px}.designer-page .designer-stage-zoom button{height:44px;min-height:44px}
  .designer-page .designer-stage-object-tools{left:6px;right:6px;gap:4px;padding:6px}.designer-page .designer-stage-zoom .designer-stage-object-tools button small{font-size:8px}
  .designer-page .designer-tools-column,.designer-page .designer-config-column{left:5px;right:5px;max-height:78dvh}
  .designer-page .designer-mobile-nav button span{font-size:9px}
}
.designer-mobile-design-actions{display:none}
@media (max-width:820px){
  .designer-page .designer-mobile-design-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 8px}
  .designer-page .designer-mobile-design-actions a,.designer-page .designer-mobile-design-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:8px 10px;border:1px solid #dce3d9;border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:12px;font-weight:850;text-decoration:none;cursor:pointer}
  .designer-page .designer-mobile-design-actions .ui-icon{width:18px;height:18px;color:var(--green-text)}
}

/* =========================================================
   MyShirt OS v0.99 · Mobile Designer Touch Refinement
   ========================================================= */
.designer-preview-symbol{display:grid;place-items:center}.designer-preview-symbol .ui-icon{width:18px;height:18px}
.format-button{display:grid;place-items:center}.format-button .ui-icon{width:19px;height:19px}
.designer-share-close,.designer-cart-drawer-close{display:grid;place-items:center}.designer-share-close .ui-icon,.designer-cart-drawer-close .ui-icon{width:20px;height:20px}
.designer-cart-drawer-check{display:grid;place-items:center}.designer-cart-drawer-check .ui-icon{width:16px;height:16px}
.designer-stage-zoom button b{display:grid;place-items:center}.designer-stage-zoom button b .ui-icon{width:22px;height:22px}
.designer-stage-object-tools .object-delete-button{color:#a52a20!important;background:#fff1ef!important}

@media (max-width:820px){
  /* Die mobile Arbeitsfläche folgt dem tatsächlichen Produktbild statt einer künstlichen Mindesthöhe. */
  .designer-page .designer-grid-v2 .product-stage{min-height:0;margin-left:auto;margin-right:auto}

  /* Im Bottom Sheet zuerst das eigentliche Werkzeug zeigen. Die Druckflächenwahl
     folgt darunter und verdrängt bei geöffneter Tastatur nicht mehr das Textfeld. */
  .designer-page .designer-tools-column{display:flex;flex-direction:column}
  .designer-page .designer-tools-column>.designer-mobile-sheet-bar{order:0;flex:0 0 auto}
  .designer-page .designer-tools-column>.designer-mobile-element-tabs{order:1;flex:0 0 auto}
  .designer-page .designer-tools-column>.designer-accordion{order:2;flex:0 0 auto}
  .designer-page .designer-tools-column>.designer-area-card{order:3;flex:0 0 auto;margin:8px 0 0}

  .designer-page .designer-mobile-sheet-bar button .ui-icon{width:21px;height:21px}
  .designer-page .designer-mobile-nav button b .ui-icon{width:23px;height:23px}
  .designer-page .designer-stage-zoom button b .ui-icon{width:23px;height:23px}
  .designer-page .designer-stage-zoom .designer-stage-zoom-focus b{font-size:inherit}
  .designer-page .designer-stage-zoom .designer-stage-zoom-focus b:after{content:none!important}

  /* Sechs kompakte Objektaktionen: Ausrichten + direkt löschen. */
  .designer-page .designer-stage-object-tools{grid-template-columns:repeat(6,minmax(0,1fr))}
  .designer-page .designer-stage-zoom .designer-stage-object-tools button b .ui-icon{width:20px;height:20px}
  .designer-page .designer-stage-zoom .designer-stage-object-tools button[data-object-delete] small{color:#a52a20}

  /* iOS/Android-Tastatur: untere Hauptnavigation ausblenden und das geöffnete
     Werkzeug bis direkt an die sichtbare Tastaturkante führen. */
  body.designer-mobile-keyboard-open .designer-mobile-nav{display:none!important}
  body.designer-mobile-keyboard-open .designer-stage-object-tools{display:none!important}
  body.designer-mobile-keyboard-open .designer-mobile-backdrop{inset:0}
  body.designer-mobile-keyboard-open .designer-tools-column,
  body.designer-mobile-keyboard-open .designer-config-column{bottom:4px;max-height:calc(var(--designer-visual-height,100dvh) - 8px);border-radius:22px}
  body.designer-mobile-keyboard-open .designer-mobile-sheet-bar{top:-8px}
  body.designer-mobile-keyboard-open .designer-tools-column .designer-accordion-body{padding-bottom:18px}
}

@media (max-width:430px){
  .designer-page .designer-stage-object-tools{grid-template-columns:repeat(6,minmax(0,1fr))}
  .designer-page .designer-stage-zoom .designer-stage-object-tools button{height:49px;min-height:49px}
  .designer-page .designer-stage-zoom .designer-stage-object-tools button small{font-size:7.5px}
}
.design-selection-overlay .selection-handle .ui-icon{width:.95em;height:.95em}

/* v1.00 – Desktop-Designer: Seitenspalten scrollen unabhängig von der Arbeitsfläche.
   Erst am Anfang/Ende des jeweiligen Panels wird das Scrollen wieder an die Seite weitergereicht. */
@media (min-width:1241px){
  .designer-page .designer-tools-column,
  .designer-page .designer-config-column{
    position:sticky;
    top:118px;
    align-self:start;
    max-height:calc(100vh - 138px);
    max-height:calc(100dvh - 138px);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:auto;
    scrollbar-gutter:stable;
    padding-right:4px;
    scrollbar-width:thin;
  }
  .designer-page .designer-config-column .size-quantity-list,
  .designer-page .designer-config-column [data-config-accordion="sizes"] .designer-accordion-body{
    max-height:none;
    overflow:visible;
  }
}


/* v1.01 – Designer-Korrekturen: Produktbild und Druckflächen teilen immer dasselbe Seitenverhältnis.
   Die konkrete Ratio wird pro Textil/Ansicht per JS aus den Mediendaten gesetzt. */
.designer-page .product-stage[style*="aspect-ratio"]{height:auto}

/* v1.03 – Desktop-Akkordeons: etwas Innenabstand beim automatischen Nachführen. */
@media (min-width:1241px){
  .designer-page .designer-tools-column,
  .designer-page .designer-config-column{scroll-padding-block:12px}
}

/* =========================================================
   MyShirt OS v1.05 · Textildruckgerechte Druckqualitätsprüfung im Designer
   ========================================================= */
.designer-page .designer-print-check{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  padding:10px 14px;
  border-top:1px solid #edf0eb;
  border-bottom:1px solid #e1e6de;
  background:#f8faf7;
  color:#4e5851;
}
.designer-page .designer-print-check-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#edf5de;
  color:var(--green-text);
}
.designer-page .designer-print-check-icon .ui-icon{width:17px;height:17px}
.designer-page .designer-print-check-icon-warning{display:none;background:#fff1e0;color:#9a5b00}
.designer-page .designer-print-check[data-state="warning"]{background:#fff8ed;border-color:#f0d7ad;color:#674916}
.designer-page .designer-print-check[data-state="warning"] .designer-print-check-icon-ok{display:none}
.designer-page .designer-print-check[data-state="warning"] .designer-print-check-icon-warning{display:grid}
.designer-page .designer-print-check>div{min-width:0;display:grid;gap:1px}
.designer-page .designer-print-check strong{font-size:12px;line-height:1.2;color:var(--ink)}
.designer-page .designer-print-check span[data-print-check-text]{font-size:11px;line-height:1.35;color:inherit}

.designer-page .designer-image-quality{
  display:grid;
  gap:7px;
  margin:12px 0 2px;
  padding:11px 12px;
  border:1px solid #dce7d5;
  border-radius:12px;
  background:#f7faf4;
}
.designer-page .designer-image-quality[hidden]{display:none!important}
.designer-page .designer-image-quality-head{display:flex;align-items:center;gap:9px}
.designer-page .designer-image-quality-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#eaf4d9;
  color:var(--green-text);
}
.designer-page .designer-image-quality-icon .ui-icon{width:17px;height:17px}
.designer-page .designer-image-quality-icon-warning{display:none}
.designer-page .designer-image-quality-head>div{display:grid;gap:1px;min-width:0}
.designer-page .designer-image-quality-head strong{font-size:12px;color:var(--ink)}
.designer-page .designer-image-quality-head small{font-size:10px;line-height:1.35;color:#6f7972}
.designer-page .designer-image-quality p{margin:0;font-size:11px;line-height:1.45;color:#5f6962}
.designer-page .designer-image-quality[data-state="good"],
.designer-page .designer-image-quality[data-state="vector"]{background:#f7faf4}
.designer-page .designer-image-quality[data-state="sufficient"]{border-color:#ead5a3;background:#fffaf0}
.designer-page .designer-image-quality[data-state="low"]{border-color:#e7c47f;background:#fff7e8}
.designer-page .designer-image-quality[data-state="sufficient"] .designer-image-quality-icon-ok,
.designer-page .designer-image-quality[data-state="low"] .designer-image-quality-icon-ok,
.designer-page .designer-image-quality[data-state="critical"] .designer-image-quality-icon-ok,
.designer-page .designer-image-quality[data-state="unknown"] .designer-image-quality-icon-ok{display:none}
.designer-page .designer-image-quality[data-state="sufficient"] .designer-image-quality-icon-warning,
.designer-page .designer-image-quality[data-state="low"] .designer-image-quality-icon-warning,
.designer-page .designer-image-quality[data-state="unknown"] .designer-image-quality-icon-warning{display:grid;background:#fff0db;color:#9b5d00}
.designer-page .designer-image-quality[data-state="critical"]{border-color:#ecc6c0;background:#fff4f2}
.designer-page .designer-image-quality[data-state="critical"] .designer-image-quality-icon-warning{display:grid;background:#fde3df;color:#a93226}
.designer-page .designer-image-quality[data-state="critical"] .designer-image-quality-head strong{color:#972d23}
.designer-page .designer-image-quality[data-state="unknown"]{border-style:dashed;background:#f7f8f6}

.designer-page .designer-print-check-dialog{max-width:620px}
.designer-page .designer-print-check-issues{display:grid;gap:9px;margin:18px 0 22px}
.designer-page .designer-print-check-issue{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:flex-start;
  padding:12px 13px;
  border:1px solid #efd5a9;
  border-radius:12px;
  background:#fff9ef;
}
.designer-page .designer-print-check-issue-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#fff0d9;
  color:#9a5b00;
}
.designer-page .designer-print-check-issue-icon .ui-icon{width:17px;height:17px}
.designer-page .designer-print-check-issue p{margin:2px 0 0;font-size:13px;line-height:1.5;color:#5f4a22}
.designer-page .designer-print-check-issue.quality{border-color:#edc7c0;background:#fff4f2}
.designer-page .designer-print-check-issue.quality .designer-print-check-issue-icon{background:#fde2dd;color:#a43125}
.designer-page .designer-print-check-issue.quality p{color:#7e3028}
.designer-page .designer-print-check-issue.quality-advisory{border-color:#e7c47f;background:#fff7e8}
.designer-page .designer-print-check-issue.quality-advisory .designer-print-check-issue-icon{background:#fff0d9;color:#9a5b00}
.designer-page .designer-print-check-issue.quality-advisory p{color:#6d501d}

@media (max-width:820px){
  .designer-page .designer-print-check{padding:8px 11px;gap:8px}
  .designer-page .designer-print-check-icon{width:27px;height:27px}
  .designer-page .designer-print-check strong{font-size:11px}
  .designer-page .designer-print-check span[data-print-check-text]{font-size:10px}
  .designer-page .designer-print-check-dialog{width:100%;max-width:none}
}
.designer-page .designer-print-check-details{margin-left:auto;flex:0 0 auto;min-height:30px;padding:5px 10px;border:1px solid #dfbd82;border-radius:999px;background:#fff;color:#77500d;font:inherit;font-size:11px;font-weight:800;line-height:1;cursor:pointer}
.designer-page .designer-print-check-details[hidden]{display:none!important}
.designer-page .designer-print-check-details:hover{background:#fff3df}
.designer-page [data-print-check-proceed][hidden]{display:none!important}

/* =========================================================
   MyShirt OS v1.09 · Mobile Storefront App Shell · Phase 1
   Smartphone: klare App-Navigation, Touch-Header und mobile Kernseiten
   ========================================================= */
.mobile-app-nav,.mobile-product-designer-cta{display:none}
.site-search-result-image.placeholder .ui-icon{width:26px;height:26px}.site-search-result>i{display:grid;place-items:center}.site-search-result>i .ui-icon{width:18px;height:18px}

@media (max-width:820px){
  html{scroll-padding-top:78px}
  [id]{scroll-margin-top:78px}
  body:not(.designer-page){padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  body.site-mobile-menu-open{overflow:hidden}

  /* Kompakter App-Header: Marke + Suche + Menü. Konto/Warenkorb liegen unten. */
  .site-topline{display:none!important}
  .site-header,.site-header.compact{height:68px;position:sticky;top:0;z-index:180;background:rgba(255,255,255,.985);box-shadow:0 1px 0 rgba(1,4,5,.08);backdrop-filter:blur(16px)}
  .site-header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) 46px 46px!important;gap:8px!important;width:calc(100% - 24px)!important;height:68px!important}
  .site-header-left{display:block!important;min-width:0!important}
  .site-header-left .site-brand{display:inline-flex!important;align-items:center;height:68px;max-width:min(190px,100%)!important}
  .site-header-left .brand-logo-image{width:auto!important;max-width:180px!important;max-height:44px!important}
  .site-header-right{display:flex!important;grid-column:2!important;grid-row:1!important;justify-content:center!important;gap:0!important;margin:0!important}
  .site-header-right>.header-account-link,.site-header-actions{display:none!important}
  .header-search-toggle{display:grid!important;place-items:center;width:46px!important;height:46px!important;padding:0!important;border:1px solid #dce2da!important;border-radius:14px!important;background:#fff!important;color:#273029!important}
  .header-search-toggle span{display:none!important}.header-search-toggle .ui-icon{width:22px;height:22px}
  .site-menu-toggle{display:flex!important;grid-column:3!important;grid-row:1!important;justify-self:auto!important;width:46px!important;height:46px!important;border-radius:14px!important;border:1px solid #dce2da!important;background:#fff!important}
  .site-menu-toggle span{width:20px;height:2px;border-radius:2px}.site-menu-toggle b{display:none!important}

  /* Mobiles Menü als eigenständige Touch-Fläche unter dem Header. */
  .site-header-left .site-nav{position:absolute!important;left:0!important;right:0!important;top:100%!important;display:none!important;max-height:calc(100dvh - 68px - 72px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;margin:0!important;padding:14px 12px 24px!important;border:0!important;border-top:1px solid #e5e9e2!important;border-radius:0 0 24px 24px!important;background:rgba(255,255,255,.995)!important;box-shadow:0 22px 45px rgba(1,4,5,.16)!important}
  .site-header-left .site-nav.open{display:flex!important}
  .site-nav>a,.site-nav-dropdown-toggle{min-height:52px!important;padding:13px 14px!important;border-radius:13px!important;font-size:16px!important;font-weight:850!important}
  .site-nav>a.active,.site-nav>a:hover,.site-nav-dropdown-toggle:hover,.site-nav-dropdown.open>.site-nav-dropdown-toggle{background:#f0f5e8!important;color:var(--green-text)!important}
  .site-nav-dropdown-menu{margin:2px 0 8px 18px!important;padding:4px 0 4px 10px!important;border-left:2px solid #dbe8c7!important}
  .site-nav-dropdown-menu a{min-height:44px;padding:10px 12px!important;font-size:15px!important}

  /* Suche nutzt auf dem Handy die komplette verfügbare Höhe unter dem Header. */
  .site-search-panel{position:absolute!important;top:100%!important;left:0!important;right:0!important;height:calc(100dvh - 68px - 72px - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;border-top:1px solid #e6eae4!important;border-bottom:0!important;background:#f7f9f6!important;box-shadow:0 22px 45px rgba(1,4,5,.15)!important}
  .site-search-shell{width:100%!important;padding:12px 12px 24px!important}
  .site-search-input-wrap{position:sticky;top:0;z-index:3;min-height:56px!important;border-radius:16px!important;background:#fff!important}
  .site-search-input-wrap input{font-size:16px!important}
  .site-search-live{max-height:none!important;overflow:visible!important;margin-top:10px!important}
  .site-search-result-grid{grid-template-columns:1fr!important;gap:7px!important}
  .site-search-result{min-height:70px;padding:8px!important;border-color:#e6eae3!important;border-radius:15px!important}
  .site-search-result-image{width:58px!important;height:58px!important;border-radius:11px!important}
  .site-search-all{position:sticky;bottom:0;margin-top:10px;padding:12px;background:rgba(247,249,246,.96);backdrop-filter:blur(10px)}

  /* Feste App-Navigation am unteren Rand. */
  .mobile-app-nav{position:fixed;left:0;right:0;bottom:0;z-index:190;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:72px;padding:5px 4px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #dde3db;background:rgba(255,255,255,.985);box-shadow:0 -8px 28px rgba(1,4,5,.10);backdrop-filter:blur(16px)}
  .mobile-app-nav>a{position:relative;display:grid;place-items:center;align-content:center;gap:3px;min-width:0;min-height:60px;padding:4px 2px;border-radius:13px;color:#59645e;font-size:10px;font-weight:850;line-height:1;text-align:center}
  .mobile-app-nav>a .ui-icon{width:23px;height:23px;stroke-width:1.9}
  .mobile-app-nav>a>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-app-nav>a.active{background:#edf5de;color:var(--green-text)}
  .mobile-app-nav>a.mobile-app-nav-design{color:#30402a}.mobile-app-nav>a.mobile-app-nav-design .ui-icon{color:var(--green-text)}
  .mobile-app-nav>a>b{position:absolute;top:4px;left:calc(50% + 8px);display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:var(--green);color:#fff;font-size:9px;line-height:1}
  .designer-page .mobile-app-nav{display:none!important}
  .designer-page{padding-bottom:0!important}

  /* Shop: Kategorien bleiben beim Scrollen schnell erreichbar. */
  .catalog-main{padding-top:42px!important}
  .catalog-filters-new{position:sticky;top:68px;z-index:36;margin:0 -16px 22px!important;padding:10px 16px!important;border-block:1px solid #e5e9e2;background:rgba(247,249,246,.96);backdrop-filter:blur(12px)}
  .catalog-filters-new a{min-height:44px;padding:9px 12px 9px 14px!important;font-size:13px}
  .product-card-shop{border-radius:22px!important}.product-card-shop .product-media{height:auto!important;aspect-ratio:1 / .88;padding:18px!important}.product-card-shop .product-copy{padding:18px!important}.product-copy-head h3{font-size:29px!important}.product-card-shop .product-action{min-height:50px!important}

  /* Produktdetail: mobile Reihenfolge und ein direkter Gestalten-CTA über der App-Navigation. */
  .product-public-page{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}
  .product-public-shell{padding-top:4px!important;padding-bottom:40px!important}
  .breadcrumbs{margin:14px auto!important;font-size:12px!important;white-space:nowrap;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}.breadcrumbs::-webkit-scrollbar{display:none}
  .product-public-grid-new{gap:14px!important}
  .product-public-mainmedia{min-height:0!important;aspect-ratio:1 / 1.03;border-radius:22px!important}
  .product-media-stamp{left:14px!important;bottom:14px!important;width:58px!important;height:58px!important;font-size:14px!important}
  .product-public-thumbs{overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.product-public-thumbs::-webkit-scrollbar{display:none}.product-public-thumbs button{flex:0 0 72px;width:72px;height:72px}
  .product-public-info{position:static!important;padding:22px 18px!important;border-radius:22px!important}.product-public-info h1{font-size:clamp(42px,13vw,58px)!important}.product-public-info .lead{font-size:16px!important}.product-public-price{margin:16px 0!important}.product-designer-cta{display:none!important}
  .mobile-product-designer-cta{position:fixed;left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:185;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:62px;padding:10px 17px;border-radius:18px;background:var(--green);color:#fff;box-shadow:0 14px 34px rgba(65,91,0,.28)}
  .mobile-product-designer-cta>span{display:grid;gap:1px}.mobile-product-designer-cta small{font-size:10px;font-weight:800;opacity:.8;text-transform:uppercase;letter-spacing:.06em}.mobile-product-designer-cta strong{font-size:17px;line-height:1.15}.mobile-product-designer-cta .ui-icon{width:25px;height:25px}

  /* Warenkorb & Checkout: weniger Desktop-Abstände, größere Touch-Ziele. */
  .cart-shell,.checkout-shell,.order-shell{padding:24px 0 54px!important}
  .cart-heading,.checkout-heading{margin-bottom:18px!important}.cart-heading h1,.checkout-heading h1,.order-lead h1{font-size:46px!important}.cart-heading p,.checkout-heading p{font-size:15px!important}
  .cart-item,.checkout-card,.cart-totals,.checkout-summary,.order-card,.order-summary{border-radius:20px!important}
  .cart-item{padding:16px!important}.cart-item-media{max-width:none!important}.cart-item-head{align-items:flex-start}.cart-item-head h2{font-size:28px!important}
  .cart-item-actions a,.cart-item-actions button,.cart-coupon-form button,.checkout-submit{min-height:48px}
  .checkout-card,.checkout-summary{padding:18px!important}.checkout-step{gap:10px!important}.checkout-step h2{font-size:28px!important}

  /* Kundenkonto: Bereichsnavigation als horizontaler Touch-Strip statt Desktop-Seitenleiste. */
  .account-shell{padding-top:20px!important;padding-bottom:54px!important}
  .account-head{gap:14px!important;padding-bottom:18px!important}.account-head h1{font-size:52px!important}.account-head .primary-button,.account-head .secondary-action-link{width:100%}
  .account-portal-layout{gap:14px!important}
  .account-sidebar{position:sticky!important;top:68px!important;z-index:34;margin:0 -9px;background:#f1f3ef;padding:7px 9px}
  .account-sidebar-card{overflow:visible;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .account-sidebar-title,.account-design-limit{display:none!important}
  .account-side-nav{display:flex!important;grid-template-columns:none!important;gap:7px!important;overflow-x:auto;padding:0!important;scrollbar-width:none}.account-side-nav::-webkit-scrollbar{display:none}
  .account-side-nav>a,.account-side-logout{flex:0 0 auto}.account-side-nav a,.account-side-logout button{min-height:44px!important;padding:9px 13px!important;border:1px solid #dde3db!important;border-radius:999px!important;background:#fff!important;color:#4c5750!important;font-size:13px!important;white-space:nowrap!important}
  .account-side-nav a.active{border-color:var(--ink)!important;background:var(--ink)!important;color:#fff!important}.account-side-logout button{color:#8b3932!important}
  .account-section,.account-panel,.account-auth-card{border-radius:20px!important}.account-section{padding:18px 14px!important}.account-stats{gap:9px!important}.account-stats article{min-height:135px!important;padding:18px!important}.account-stats strong{font-size:54px!important}
  /* v1.10: Profil und Formulare dürfen auf schmalen Geräten niemals den Viewport verbreitern. */
  .account-page{overflow-x:hidden!important}
  .account-shell,.account-portal-layout,.account-content,.account-profile-grid,.account-panel,.account-panel form,.account-panel .form-grid,.account-panel label{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  .account-content,.account-profile-grid,.account-panel,.account-panel form{width:100%!important}
  .account-profile-grid{overflow:visible!important}
  .account-panel{overflow:hidden!important;padding:20px 16px!important}
  .account-panel input,.account-panel select,.account-panel textarea{display:block;width:100%!important;min-width:0!important;max-width:100%!important}
  .account-panel .primary-button,.account-panel .text-button{max-width:100%;white-space:normal}
  .account-panel h2,.account-panel h3,.account-panel p,.account-panel small{max-width:100%;overflow-wrap:anywhere}

  /* Footer wird kompakter; die App-Navigation bleibt primärer Weg. */
  .site-footer-main{padding-top:44px!important;padding-bottom:34px!important}.site-footer-main,.site-footer-bottom{gap:24px!important}.site-footer-shipping{margin-bottom:0!important}
}

@media (max-width:430px){
  .site-header-inner{width:calc(100% - 18px)!important;grid-template-columns:minmax(0,1fr) 44px 44px!important;gap:6px!important}
  .site-header-left .brand-logo-image{max-width:156px!important;max-height:40px!important}
  .header-search-toggle,.site-menu-toggle{width:44px!important;height:44px!important;border-radius:13px!important}
  .mobile-app-nav>a{font-size:9px}.mobile-app-nav>a .ui-icon{width:22px;height:22px}
  .catalog-hero-new h1{font-size:48px!important}.catalog-hero-copy>p{font-size:16px!important}.catalog-hero-art{height:270px!important}
  .product-public-info h1{font-size:44px!important}.product-public-price strong{font-size:30px!important}
  .cart-heading h1,.checkout-heading h1,.order-lead h1{font-size:40px!important}
}

/* =========================================================
   MyShirt OS v1.11 · Mobiles Kundenkonto · Viewport-Lock
   Verhindert, dass die komplette Seite auf iOS horizontal verrutscht.
   ========================================================= */
@media (max-width:820px){
  html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}
  body.account-page{width:100%;max-width:100%;position:relative}
  .account-page main,.account-page .account-shell{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}
  .account-page .account-shell{padding-left:12px!important;padding-right:12px!important;overflow-x:clip!important}
  .account-page .account-head,.account-page .account-portal-layout,.account-page .account-content,.account-page .account-content>*,.account-page .account-profile-grid,.account-page .account-stats,.account-page .account-section,.account-page .account-panel,.account-page .account-design-grid,.account-page .account-order-list{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .account-page .account-head>*{min-width:0!important;max-width:100%!important}
  .account-page .account-head h1,.account-page .account-head p{max-width:100%!important;overflow-wrap:anywhere}

  /* Der Tab-Strip darf selbst horizontal scrollen, die Seite dahinter aber nicht. */
  .account-page .account-sidebar{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding:7px 0!important;overflow:hidden!important;box-sizing:border-box!important}
  .account-page .account-sidebar-card{width:100%!important;max-width:100%!important;min-width:0!important}
  .account-page .account-side-nav{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
  .account-page .account-side-nav>a,.account-page .account-side-nav>.account-side-logout{max-width:none!important}

  /* Auch Inhalte mit großen Vorschaubildern/Formularen dürfen den Grid-Track nie verbreitern. */
  .account-page .account-design-card,.account-page .account-design-preview,.account-page .account-design-card-body,.account-page .account-order-list article,.account-page .account-panel form,.account-page .account-panel fieldset{min-width:0!important;max-width:100%!important}
  .account-page .account-panel input,.account-page .account-panel select,.account-page .account-panel textarea,.account-page .account-panel button{max-width:100%!important}
}


/* =========================================================
   MyShirt OS v1.12 · Mobile Storefront Phase 2
   Startseite, Inhaltsseiten & Footer konsequent für Touch/Viewport
   ========================================================= */
@media (max-width:820px){
  /* Der Dokument-Viewport bleibt stabil; horizontales Scrollen ist nur in expliziten Touch-Rails erlaubt. */
  body:not(.designer-page),body:not(.designer-page) main{max-width:100%;overflow-x:hidden;overflow-x:clip}
  body:not(.designer-page) main>*{min-width:0}
  .site-shell,.public-page-hero-inner,.public-content-shell-new,.legal-page-hero-inner,.legal-content-shell,.occasion-related-shell,.site-footer-main,.site-footer-shipping,.site-footer-bottom{max-width:100%}

  /* Startseite: oberhalb der Falz klarer, ruhiger und ohne dekorative Überbreite. */
  .home-page .home-hero{padding:30px 0 30px!important}
  .home-page .home-hero:before,.home-page .home-hero:after,.home-page .hero-orbit,.home-page .floating-tool,.home-page .floating-swatch{display:none!important}
  .home-page .home-hero-grid{gap:24px!important}
  .home-page .home-hero-copy{padding:0!important;max-width:none!important}
  .home-page .hero-kicker{margin-bottom:18px!important;padding:8px 11px!important;font-size:12px!important}
  .home-page .home-hero h1{font-size:clamp(48px,14vw,66px)!important;line-height:.94!important;letter-spacing:-.025em!important;margin-bottom:20px!important}
  .home-page .home-hero h1 span:after{height:5px!important;bottom:-4px!important}
  .home-page .home-hero-copy>p{font-size:16px!important;line-height:1.58!important;margin-bottom:22px!important}
  .home-page .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%}
  .home-page .hero-actions a{width:100%!important;min-height:54px!important;justify-content:center!important}
  .home-page .hero-actions .btn-text{border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 16px}
  .home-page .hero-microproof{display:flex!important;gap:7px!important;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none;scroll-snap-type:x proximity}
  .home-page .hero-microproof::-webkit-scrollbar{display:none}
  .home-page .hero-microproof span{flex:0 0 auto;scroll-snap-align:start;padding:7px 9px;border:1px solid #e1e6de;border-radius:999px;background:#fff;font-size:11px!important;white-space:nowrap}
  .home-page .home-hero-visual{min-height:0!important;display:block!important}
  .home-page .hero-designer-card{width:100%!important;transform:none!important;border-radius:22px!important}
  .home-page .hero-card-toolbar{height:42px!important;padding:0 14px!important}
  .home-page .hero-card-canvas{height:auto!important;aspect-ratio:1.18/1!important}
  .home-page .hero-card-bottom{min-height:72px!important;padding:13px 14px!important}.home-page .hero-card-bottom strong{font-size:16px!important}.home-page .hero-price-chip{font-size:12px!important}

  /* Vorteile als horizontale Touch-Rail statt vier hohen Blöcken untereinander. */
  .home-page .benefit-ribbon{overflow:hidden}
  .home-page .benefit-ribbon-grid{display:flex!important;width:100%!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 12px!important;gap:8px}
  .home-page .benefit-ribbon-grid::-webkit-scrollbar{display:none}
  .home-page .benefit-ribbon article{flex:0 0 min(82vw,330px);min-height:94px!important;padding:17px 16px!important;border:0!important;border-radius:0;scroll-snap-align:start}
  .home-page .benefit-ribbon article+article{border-left:1px solid #2b322d!important}
  .home-page .benefit-ribbon svg{width:26px!important;height:26px!important}.home-page .benefit-ribbon strong{font-size:15px!important}.home-page .benefit-ribbon span{font-size:12px!important}

  .home-page .home-section{padding:52px 0!important}
  .home-page .section-heading{gap:10px!important;margin-bottom:22px!important}.home-page .section-heading h2{font-size:clamp(38px,11vw,48px)!important;line-height:1!important}.home-page .section-heading>p{font-size:15px!important;line-height:1.55!important}
  .home-page .premium-story-copy{padding:22px 18px!important}.home-page .premium-story-copy h2{font-size:clamp(38px,11vw,48px)!important}.home-page .premium-story-copy p{font-size:16px!important;line-height:1.62!important}
  .home-page .premium-story-points{gap:9px!important}.home-page .premium-story-points article{padding:15px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important}.home-page .premium-story-points article>strong{width:42px!important;height:42px!important;border-radius:12px!important}.home-page .premium-story-points h3{font-size:23px!important}.home-page .premium-story-points p{font-size:14px!important;line-height:1.5!important}

  /* Kategorien bleiben auf kleinen Geräten zweispaltig und dadurch deutlich kürzer. */
  .home-page .category-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .home-page .category-card-modern{border-radius:18px!important;min-width:0}.home-page .category-card-media{height:auto!important;aspect-ratio:1/1!important}.home-page .category-card-media img{width:88%!important;height:88%!important}.home-page .category-card-media b{top:10px!important;left:10px!important;font-size:10px!important}
  .home-page .category-card-copy{padding:12px!important;gap:7px!important;align-items:flex-end!important}.home-page .category-card-copy h3{font-size:20px!important;line-height:1.05!important}.home-page .category-card-copy span{font-size:11px!important}.home-page .category-card-copy i{width:34px!important;height:34px!important;flex:0 0 34px}.home-page .category-card-copy i svg{width:17px;height:17px}

  /* Anlässe und beliebte Produkte als echte Swipe-Rails statt endloser Einspaltigkeit. */
  .home-page .occasion-grid,.home-page .product-grid-modern{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px!important;padding:2px 1px 8px}
  .home-page .occasion-grid::-webkit-scrollbar,.home-page .product-grid-modern::-webkit-scrollbar{display:none}
  .home-page .occasion-card{flex:0 0 min(84vw,360px);min-height:170px!important;padding:19px!important;scroll-snap-align:start}.home-page .occasion-card h3{font-size:25px!important}
  .home-page .product-card-modern{flex:0 0 min(84vw,360px);scroll-snap-align:start;border-radius:20px!important}.home-page .product-card-media{height:auto!important;aspect-ratio:1/0.9!important}.home-page .product-card-body{padding:18px!important}.home-page .product-card-body h3{font-size:27px!important}.home-page .product-card-body p{font-size:14px!important}

  /* So-geht's liest sich mobil als kompakte Schrittfolge. */
  .home-page .how-steps{display:grid!important;gap:9px!important}.home-page .how-connector{display:none!important}.home-page .how-steps article{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:auto auto;text-align:left!important;column-gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff}.home-page .how-icon{grid-row:1/3;width:58px!important;height:58px!important;border-radius:16px!important;margin:0!important}.home-page .how-icon>svg{width:28px!important;height:28px!important}.home-page .how-icon span{width:25px!important;height:25px!important;right:-5px!important;top:-6px!important;font-size:9px!important}.home-page .how-steps h3{font-size:25px!important;margin:0 0 4px!important}.home-page .how-steps p{font-size:14px!important;line-height:1.45!important;margin:0!important;max-width:none!important}

  .home-page .advantage-panel{min-height:0!important;padding:28px 19px!important;border-radius:22px!important;gap:24px!important}.home-page .advantage-copy h2{font-size:clamp(42px,12vw,54px)!important;line-height:1!important;margin:10px 0 18px!important}.home-page .advantage-copy p{font-size:16px!important;line-height:1.58!important}.home-page .advantage-cards{gap:8px!important}.home-page .advantage-cards article{padding:15px!important}.home-page .advantage-cards svg{width:25px!important;height:25px!important}.home-page .advantage-deco{display:none!important}
  .home-page .fulfillment-card{min-height:0!important;padding:25px 20px!important;border-radius:22px!important}.home-page .fulfillment-card-shipping:before{font-size:130px!important}.home-page .fulfillment-card h3{font-size:44px!important}.home-page .fulfillment-card p{font-size:16px!important}.home-page .fulfillment-icon{width:54px!important;height:54px!important;margin-bottom:70px!important}.home-page .pickup-stack{gap:9px!important}.home-page .store-card-modern{padding:17px!important;border-radius:18px!important}.home-page .pickup-stack .store-card-modern h3{font-size:28px!important}
  .home-page .home-final-cta{padding:50px 0!important}.home-page .home-final-cta h2{font-size:clamp(40px,12vw,52px)!important;line-height:1!important}.home-page .home-final-cta p{font-size:16px!important;line-height:1.55!important}.home-page .final-cta-inner{gap:20px!important}.home-page .final-cta-inner>a{width:100%;justify-content:center}

  /* Normale Inhaltsseiten: klare Leserichtung, volle Breite und sichere Rich-Text-Inhalte. */
  .content-page .public-page-hero-new{padding:38px 0 42px!important}.content-page .public-page-hero-new:before{width:340px!important;height:340px!important;right:-230px!important;top:-190px!important}.content-page .public-page-hero-new:after{display:none!important}
  .content-page .public-page-hero-new .public-page-hero-inner{gap:24px!important;width:calc(100% - 28px)!important}.content-page .public-page-hero-copy{padding:0!important}.content-page .public-page-hero-new h1{font-size:clamp(43px,13vw,58px)!important;line-height:.98!important;margin:10px 0 16px!important;overflow-wrap:anywhere}.content-page .public-page-hero-new .public-page-hero-copy>p{font-size:16px!important;line-height:1.55!important}.content-page .page-hero-proof{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.content-page .page-hero-proof::-webkit-scrollbar{display:none}.content-page .page-hero-proof span{flex:0 0 auto;white-space:nowrap;font-size:10px!important}
  .content-page .public-page-hero-media{min-height:0!important;aspect-ratio:1.28/1!important;border-radius:20px!important}.content-page .hero-media-tag{left:10px!important;bottom:10px!important;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .content-page .page-art-board{width:68%!important;height:74%!important}.content-page .page-art-chip{font-size:8px!important;padding:6px 8px!important}
  .content-page .public-content-shell-new{width:calc(100% - 28px)!important;padding:42px 0 50px!important}.content-page .richtext-public{font-size:16.5px!important;line-height:1.7!important;min-width:0;overflow-wrap:break-word}.content-page .richtext-public>p:first-child{font-size:19px!important;line-height:1.55!important}.content-page .richtext-public h2{font-size:clamp(34px,10vw,44px)!important;line-height:1.05!important;margin:34px 0 12px!important;overflow-wrap:anywhere}.content-page .richtext-public h3{font-size:28px!important;line-height:1.12!important;margin-top:28px!important}.content-page .richtext-public ul,.content-page .richtext-public ol{padding-left:21px!important}.content-page .richtext-public blockquote{margin:22px 0!important;padding:17px 17px!important;border-left-width:4px!important}.content-page .richtext-public img,.content-page .richtext-public video,.content-page .richtext-public iframe{max-width:100%!important;height:auto}.content-page .richtext-public table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.content-page .richtext-public pre,.content-page .richtext-public code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.content-page .content-cta,.content-page .help-cta{padding:20px!important;border-radius:19px!important}.content-page .content-button{min-height:46px;align-items:center;justify-content:center}
  .content-page .page-end-cta{padding:48px 0!important}.content-page .page-end-cta-inner{gap:20px!important}.content-page .page-end-cta h2{font-size:clamp(39px,11vw,50px)!important;line-height:1!important}.content-page .page-end-cta p{font-size:15px!important;line-height:1.55!important}.content-page .page-end-cta .btn-primary{width:100%;justify-content:center}

  /* Anlass-Folgeseiten: mobile Karten und Produkte bleiben innerhalb des Viewports. */
  .content-page .occasion-products{padding-inline:0}.content-page .occasion-products .site-shell{width:calc(100% - 28px)!important}.content-page .occasion-products .product-grid-modern{grid-template-columns:1fr!important;gap:12px!important}.content-page .occasion-products .product-card-media{height:auto!important;aspect-ratio:1/.9!important}.content-page .occasion-related-section{padding:8px 0 54px!important}.content-page .occasion-related-shell{width:calc(100% - 28px)!important}.content-page .occasion-related-head{gap:10px!important;margin-bottom:18px!important}.content-page .occasion-related-head h2{font-size:36px!important}.content-page .occasion-related-head p{font-size:14px!important}.content-page .occasion-related-card{min-height:0!important;padding:17px!important}

  /* Rechtstexte: Sticky-Rail sitzt direkt unter dem App-Header. */
  .legal-page-hero{padding:36px 0 40px!important}.legal-page-hero-inner,.legal-content-shell{width:calc(100% - 28px)!important}.legal-page-hero h1{font-size:clamp(42px,12vw,54px)!important;line-height:1!important;overflow-wrap:anywhere}.legal-page-hero p{font-size:16px!important}.legal-page-nav{top:68px!important}.legal-page-nav .site-shell{width:100%!important;padding:9px 14px!important;scrollbar-width:none}.legal-page-nav .site-shell::-webkit-scrollbar{display:none}.legal-page-nav a{min-height:42px;align-items:center;font-size:12px!important}.legal-content-shell{padding:38px 0 54px!important}.legal-content p,.legal-content li{font-size:16px!important}

  /* Footer wird mobil kompakter, aber alle Links bleiben direkt erreichbar. */
  .site-footer-main{width:calc(100% - 28px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 16px!important;padding:42px 0 30px!important}.site-footer-brand{grid-column:1/-1}.site-footer-brand p{margin:18px 0!important;font-size:14px!important;line-height:1.6!important}.site-footer .brand-logo-image{max-width:190px!important}.site-footer-col{min-width:0;gap:4px!important}.site-footer-col h3{font-size:18px!important;margin-bottom:4px!important}.site-footer-col a{min-height:38px;display:flex;align-items:center;font-size:13px!important;line-height:1.35}.site-footer-col.stores{grid-column:1/-1!important}.site-footer-col.stores a{min-height:48px!important}
  .site-footer-shipping{width:calc(100% - 28px)!important;padding:22px 0!important;gap:9px!important}.site-footer-shipping>div{align-items:flex-start;padding:4px 0}.site-footer-shipping svg{width:24px!important;height:24px!important}.site-footer-shipping strong{font-size:13px!important}.site-footer-shipping small{font-size:11px!important;line-height:1.4}
  .site-footer-bottom{width:calc(100% - 28px)!important;padding:20px 0 26px!important;gap:16px!important}.site-footer-bottom>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px!important;width:100%}.site-footer-bottom a{min-height:34px;display:flex;align-items:center;font-size:11px!important;line-height:1.3}
}

@media (max-width:430px){
  .home-page .category-card-copy{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}.home-page .category-card-copy h3{font-size:18px!important}.home-page .category-card-copy i{width:31px!important;height:31px!important;flex-basis:31px}
  .home-page .hero-design-label{font-size:25px!important}.home-page .hero-print-outline{width:41%!important;height:43%!important}
  .content-page .public-page-hero-media{aspect-ratio:1.18/1!important}.content-page .page-art-board{width:72%!important}.content-page .chip-shipping{display:none!important}
  .site-footer-main{grid-template-columns:1fr!important}.site-footer-brand,.site-footer-col.stores{grid-column:auto!important}.site-footer-bottom>div{grid-template-columns:1fr 1fr!important}
}

/* v1.13 · Warenkorbposition im Designer eindeutig bearbeiten */
.designer-cart-edit-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 14px;padding:12px 15px;border:1px solid #dce8c9;border-radius:15px;background:#f3f7eb;color:var(--ink)}
.designer-cart-edit-notice>.ui-icon{width:22px;height:22px;color:var(--green-text);flex:0 0 auto}.designer-cart-edit-notice>div{display:grid;gap:2px;min-width:0}.designer-cart-edit-notice strong{font-size:12px}.designer-cart-edit-notice span{font-size:11px;line-height:1.4;color:var(--muted)}.designer-cart-edit-notice a{white-space:nowrap;font-size:11px;font-weight:850;color:var(--green-text);text-decoration:none}.designer-cart-edit-notice a:hover{text-decoration:underline}
@media (max-width:820px){.designer-cart-edit-notice{grid-template-columns:auto minmax(0,1fr);margin:8px 10px 10px;padding:11px 12px}.designer-cart-edit-notice a{grid-column:2;white-space:normal}.designer-cart-edit-notice span{font-size:10.5px}}


/* v1.15 Checkout-Login direkt im Bestellprozess */
.checkout-login-prompt{margin:0 0 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid #dce4d7;border-radius:17px;background:linear-gradient(135deg,#f4f8ed,#fbfcfa)}
.checkout-login-prompt-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#eaf4da;color:var(--green-text)}
.checkout-login-prompt-icon .ui-icon{width:23px;height:23px}.checkout-login-prompt>span:nth-child(2){display:grid;gap:3px;min-width:0}.checkout-login-prompt strong{font-size:15px}.checkout-login-prompt small{font-size:12px;line-height:1.45;color:var(--muted)}
.checkout-login-prompt .secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid #d5ddd2;border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:850;white-space:nowrap;cursor:pointer}.checkout-inline-login-link{appearance:none;border:0;padding:0;background:none;color:var(--green-text);font:inherit;font-weight:850;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.checkout-login-modal[hidden]{display:none}.checkout-login-modal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:20px}.checkout-login-backdrop{position:absolute;inset:0;border:0;background:rgba(8,12,9,.68);backdrop-filter:blur(5px);cursor:default}.checkout-login-dialog{position:relative;z-index:1;width:min(100%,560px);max-height:calc(100dvh - 40px);overflow:auto;padding:30px;border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.32)}
.checkout-login-close{position:absolute;right:16px;top:16px;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:#f0f3ee;color:var(--ink);cursor:pointer}.checkout-login-close .ui-icon{width:20px;height:20px}.checkout-login-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding-right:42px}.checkout-login-head>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eaf4da;color:var(--green-text)}.checkout-login-head>span .ui-icon{width:25px;height:25px}.checkout-login-head h2{margin:2px 0 7px;font-size:34px;line-height:1.05}.checkout-login-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.checkout-login-error{margin:18px 0 0}.checkout-login-form{display:grid;gap:14px;margin-top:22px}.checkout-login-form label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#4a534e}.checkout-login-form input{width:100%;min-height:50px;border:1px solid #d7ded4;border-radius:13px;padding:11px 13px;font:inherit;color:var(--ink);background:#fff}.checkout-login-form .primary-button{min-height:52px;margin-top:2px}.checkout-login-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid #edf0eb}.checkout-login-links a{font-size:13px;font-weight:800;color:var(--green-text)}body.checkout-login-open{overflow:hidden}
@media(max-width:720px){.checkout-login-prompt{grid-template-columns:auto minmax(0,1fr);gap:11px;padding:14px}.checkout-login-prompt .secondary-button{grid-column:1/-1;width:100%}.checkout-login-modal{place-items:end center;padding:0}.checkout-login-dialog{width:100%;max-width:none;max-height:88dvh;padding:26px 18px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0}.checkout-login-dialog:before{content:"";display:block;width:44px;height:5px;border-radius:99px;background:#d8ded5;margin:-14px auto 18px}.checkout-login-head{grid-template-columns:1fr;padding-right:38px}.checkout-login-head>span{display:none}.checkout-login-head h2{font-size:30px}.checkout-login-links{display:grid;grid-template-columns:1fr 1fr}.checkout-login-links a:last-child{text-align:right}}

/* v1.19 · SEO-Landingpages für Designvorlagen */
.template-landing-hero{padding:56px 0 72px;background:linear-gradient(180deg,#f5f7f2 0,#fff 100%)}
.template-landing-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(36px,6vw,86px);align-items:center}
.template-landing-preview{position:relative;min-width:0}.template-preview-board{display:grid;place-items:center;min-height:520px;padding:44px;border-radius:28px;background:#fff;box-shadow:0 20px 70px rgba(30,44,22,.10);border:1px solid #e2e8dd}.template-preview-board img{display:block;max-width:100%;max-height:520px;width:auto;height:auto;object-fit:contain}.template-landing-preview>span{position:absolute;left:22px;bottom:18px;padding:8px 12px;border-radius:999px;background:#111512;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.template-landing-copy h1{margin:.15em 0 .35em;font-family:Antonio,Arial,sans-serif;font-size:clamp(48px,5vw,76px);line-height:.95}.template-landing-copy>p{max-width:650px;font-size:18px;line-height:1.65;color:#5e6861}.template-keywords{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.template-keywords span{padding:7px 11px;border-radius:999px;background:#eef3e8;color:#52614b;font-size:12px;font-weight:700}.template-landing-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:28px 0 20px}.template-landing-proof{display:grid;gap:9px;margin-top:20px}.template-landing-proof span{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:#394239}.template-landing-proof svg{width:18px;height:18px;color:#83BC00}.template-start-note{display:block;margin-top:16px;color:#778078;line-height:1.5}.template-related-section{padding:72px 0}.template-related-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.template-related-card{min-width:0;text-decoration:none;color:inherit}.template-related-card>span{display:grid;place-items:center;aspect-ratio:1/1;border-radius:18px;background:#f4f6f2;border:1px solid #e4e8e0;overflow:hidden;padding:14px}.template-related-card img{display:block;width:100%;height:100%;object-fit:contain}.template-related-card strong,.template-related-card small{display:block}.template-related-card strong{margin-top:11px;font-size:14px}.template-related-card small{margin-top:3px;color:#737b75;font-size:12px}
@media(max-width:900px){.template-landing-hero{padding:28px 0 44px}.template-landing-grid{grid-template-columns:1fr;gap:28px}.template-preview-board{min-height:0;aspect-ratio:1/1;padding:28px}.template-preview-board img{max-height:100%}.template-landing-copy h1{font-size:clamp(42px,12vw,62px)}.template-related-section{padding:46px 0}.template-related-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px}.template-related-card{flex:0 0 min(46vw,190px);scroll-snap-align:start}.template-landing-actions{display:grid}.template-landing-actions>*{width:100%;justify-content:center}}

/* v1.22 · Globale Suche finalisieren */
.site-search-quick,.site-search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.site-search-quick a,.site-search-suggestions a{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border:1px solid #dce5d7;border-radius:999px;background:#fff;color:var(--ink);font-size:12px;font-weight:800;text-decoration:none}.site-search-quick a:hover,.site-search-suggestions a:hover{border-color:#b9d08f;color:var(--green-text);background:#f5f9ef}.site-search-empty-link{display:inline-flex;margin-top:12px;color:var(--green-text);font-size:13px;font-weight:850;text-decoration:none}.site-search-type-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 4px 16px}.site-search-type-summary span{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;padding:6px 10px;font-size:12px;color:var(--muted)}.site-search-type-summary b{color:var(--ink)}.site-search-empty-cta{display:inline-flex;margin-top:18px}.site-search-hint .site-search-quick{margin-bottom:-2px}
@media(max-width:760px){.site-search-quick,.site-search-suggestions{gap:6px}.site-search-quick a,.site-search-suggestions a{min-height:36px;padding:7px 10px}.site-search-type-summary{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}.site-search-type-summary::-webkit-scrollbar{display:none}.site-search-type-summary span{white-space:nowrap}}

/* v1.24 · Liefer- & Produktionszeiten */
.delivery-time-notice{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line,#dfe5dc);border-radius:18px;background:linear-gradient(135deg,#f7faef 0%,#fff 72%);color:var(--text,#172019)}
.delivery-time-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:#edf5df;color:var(--primary,#67a900)}
.delivery-time-icon .ui-icon{width:22px;height:22px}
.delivery-time-copy{min-width:0}.delivery-time-copy>strong{display:block;font-size:15px;margin-bottom:4px}.delivery-time-copy p{margin:0;font-size:14px;line-height:1.48}.delivery-time-copy small{display:block;margin-top:6px;color:var(--muted,#667168);line-height:1.45}
.product-public-info>.delivery-time-notice{margin-top:14px}.cart-summary .delivery-time-notice,.cart-sidebar .delivery-time-notice,.cart-totals .delivery-time-notice{margin:14px 0}.checkout-shell>.delivery-time-notice{margin:0 0 18px}
@media(max-width:760px){.delivery-time-notice{padding:14px;border-radius:16px;gap:11px}.delivery-time-icon{width:38px;height:38px;border-radius:12px}.delivery-time-copy p{font-size:13px}.checkout-shell>.delivery-time-notice{margin:0 12px 14px}}

/* v1.26 · PWA / Homescreen installation */
.pwa-install-button{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:10px 14px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.08);color:inherit;font:700 13px/1.2 var(--font-body);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.pwa-install-button:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.45);transform:translateY(-1px)}
.pwa-install-button .ui-icon{width:18px;height:18px;flex:0 0 18px}
.pwa-install-button[hidden]{display:none!important}
.pwa-install-sheet[hidden]{display:none!important}
.pwa-install-sheet{position:fixed;inset:0;z-index:520;display:grid;place-items:center;padding:20px;background:rgba(14,20,15,.56);backdrop-filter:blur(5px)}
.pwa-install-sheet-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;width:min(560px,100%);padding:26px;border:1px solid #dfe6da;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(15,25,16,.24)}
.pwa-install-sheet-icon{width:70px;height:70px;padding:3px;border:1px solid #e1e7dd;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(58,88,0,.10)}
.pwa-install-sheet-icon img{display:block;width:64px;height:64px;border-radius:15px}
.pwa-install-sheet-card h2{margin:2px 38px 8px 0;font-size:30px;line-height:1.05}
.pwa-install-sheet-card p{margin:0;color:var(--muted);line-height:1.55}
.pwa-install-sheet-note{margin-top:10px!important;font-size:13px}
.pwa-install-sheet-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #dfe5dc;border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}
.pwa-install-sheet-close .ui-icon{width:18px;height:18px}
.pwa-install-sheet-done{grid-column:1/-1;justify-self:end;min-width:130px}
html.pwa-install-open,body.pwa-install-open{overflow:hidden}
@media(display-mode:standalone){.pwa-install-button{display:none!important}}
@media(max-width:760px){
  .pwa-install-sheet{place-items:end center;padding:0}
  .pwa-install-sheet-card{grid-template-columns:auto minmax(0,1fr);gap:14px;width:100%;padding:24px 18px calc(20px + env(safe-area-inset-bottom));border:0;border-top:1px solid #dfe6da;border-radius:26px 26px 0 0}
  .pwa-install-sheet-card:before{content:"";position:absolute;top:8px;left:50%;width:44px;height:5px;border-radius:999px;background:#d8ded5;transform:translateX(-50%)}
  .pwa-install-sheet-icon{width:58px;height:58px;border-radius:15px}.pwa-install-sheet-icon img{width:52px;height:52px;border-radius:12px}
  .pwa-install-sheet-card h2{margin-right:34px;font-size:27px}
  .pwa-install-sheet-done{width:100%;justify-self:stretch}
  .site-footer-brand .pwa-install-button{min-height:44px}
}
.site-nav-install{display:none}
@media(max-width:760px){.site-nav-install:not([hidden]){display:flex!important;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:8px;padding:11px 14px;border:1px solid #dce4d8;border-radius:14px;background:#f0f6e7;color:#4f7800;font:800 14px/1.2 var(--font-body);text-align:left}.site-nav-install .ui-icon{width:20px;height:20px}}


/* v1.28 Lighthouse / WCAG contrast pass */
:where(.header-designer-cta,.btn-primary,.primary-button,.checkout-submit,.footer-designer-cta,.product-designer-cta,.content-button,.fulfillment-card-shipping,.catalog-filters-new a.active b,.checkout-delivery-option.shipping:before,.chip-piece,.designer-top-action.primary,.selection-handle,.account-side-nav a.active,.designer-cart-drawer-check,.legal-page-nav a.active,.legal-page-nav a:hover,.designer-page .designer-search-row>button,.checkout-speedprint-icon,.mobile-app-nav>a>b,.mobile-product-designer-cta,.view-button.active,.order-success-mark,.customer-print-area .print-area-name,.store-icon,.category-card-modern:hover .category-card-copy i){color:var(--ink)!important}
.header-cart-link strong{color:var(--ink)!important}
.home-final-cta{color:var(--ink)}
.home-final-cta h2{color:var(--ink)}
.home-final-cta p{color:#263300}
.fulfillment-card-shipping h3{color:var(--ink)}
.fulfillment-card-shipping p{color:#263300}
.fulfillment-card-shipping:before{color:rgba(1,4,5,.10)}
/* White focus rings are too close to the green background on some controls; keep
   the outer dark ring and use ink for the inner control content. */
:where(.btn-primary,.primary-button,.checkout-submit,.header-designer-cta,.mobile-product-designer-cta):focus-visible{outline-color:var(--ink)}

/* =========================================================
   MyShirt OS v1.31 · Designvorlagen-Galerie
   ========================================================= */
.template-gallery-hero{padding:68px 0 62px;background:#111512;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.template-gallery-hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:64px;align-items:end}
.template-gallery-hero .eyebrow{color:#b5df46}.template-gallery-hero h1{margin:10px 0 18px;max-width:820px;color:#fff;font-size:clamp(58px,6vw,94px);line-height:.96;text-transform:uppercase}.template-gallery-hero p{max-width:720px;margin:0;color:#c1c9c3;font-size:19px;line-height:1.65}
.template-gallery-hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.template-gallery-hero-proof>span{display:grid;grid-template-columns:34px minmax(0,1fr);gap:2px 10px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.045)}.template-gallery-hero-proof .ui-icon{grid-row:1/3;width:25px;height:25px;color:#b5df46}.template-gallery-hero-proof b{font-size:13px}.template-gallery-hero-proof small{color:#aeb7b1;font-size:10px;line-height:1.35}
.template-gallery-section{padding:48px 0 82px;background:#f1f4ef}.template-gallery-search{display:grid;gap:8px;max-width:980px;margin:0 auto 22px}.template-gallery-search>label{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#5d6a61}.template-gallery-search>div{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;min-height:64px;padding:6px;border:1px solid #d8dfd5;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(1,4,5,.055)}.template-gallery-search>div>span{display:grid;place-items:center;color:#667269}.template-gallery-search>div>span .ui-icon{width:23px;height:23px}.template-gallery-search input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:17px}.template-gallery-search button{min-height:50px;border-radius:13px}
.template-gallery-result-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.template-gallery-result-head h2{margin:6px 0 0;font-size:clamp(38px,4vw,57px);line-height:1;text-transform:uppercase}.template-gallery-result-head>p{margin:0 0 5px;color:#657168}.template-gallery-result-head>p strong{color:#263029}
.template-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.template-gallery-card{min-width:0;overflow:hidden;border:1px solid #dfe5dc;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(1,4,5,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.template-gallery-card:hover{transform:translateY(-3px);border-color:#cbd8bf;box-shadow:0 16px 38px rgba(1,4,5,.09)}.template-gallery-image{position:relative;display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(145deg,#f7f9f5,#e9eee6)}.template-gallery-image img{width:100%;height:100%;object-fit:contain;padding:20px}.template-gallery-image>span{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:11px;background:rgba(17,21,18,.91);color:#fff;font-size:11px;font-weight:850;opacity:0;transform:translateY(8px);transition:.18s ease}.template-gallery-card:hover .template-gallery-image>span{opacity:1;transform:none}.template-gallery-image>span .ui-icon{width:16px;height:16px}.template-gallery-copy{display:grid;gap:8px;padding:17px}.template-gallery-copy>small{color:#6f8000;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.template-gallery-copy h3{margin:0;font-size:22px;line-height:1.15}.template-gallery-copy h3 a{color:var(--ink);text-decoration:none}.template-gallery-tags{display:flex;gap:5px;flex-wrap:wrap;min-height:25px}.template-gallery-tags span{padding:5px 8px;border-radius:999px;background:#f0f3ed;color:#68736c;font-size:9px;font-weight:750}.template-gallery-actions{display:flex;align-items:center;gap:11px;margin-top:3px}.template-gallery-actions .btn-primary{min-height:42px;padding:8px 12px;font-size:11px}.template-gallery-actions .btn-primary .ui-icon{width:15px;height:15px}.template-card-details{color:#56625a;font-size:11px;font-weight:850;text-decoration:none}.template-card-details:hover{text-decoration:underline}.template-gallery-empty{display:grid;place-items:center;max-width:780px;margin:30px auto;padding:54px 24px;border:1px dashed #cbd5c7;border-radius:22px;background:#fff;text-align:center}.template-gallery-empty>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:13px;border-radius:50%;background:#edf4e2;color:#577b00}.template-gallery-empty>span .ui-icon{width:27px;height:27px}.template-gallery-empty h3{margin:0 0 8px;font-size:31px}.template-gallery-empty p{margin:0 0 18px;color:#69746d}
@media(max-width:1260px){.template-gallery-hero-inner{grid-template-columns:1fr;gap:34px}.template-gallery-hero-proof{max-width:850px}.template-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.template-gallery-hero{padding:44px 0}.template-gallery-hero-inner{gap:26px}.template-gallery-hero h1{font-size:clamp(48px,12vw,68px)}.template-gallery-hero-proof{grid-template-columns:1fr}.template-gallery-section{padding:30px 0 60px}.template-gallery-search>div{grid-template-columns:42px minmax(0,1fr)}.template-gallery-search button{grid-column:1/-1;width:100%;margin-top:3px}.template-gallery-result-head{align-items:flex-start;flex-direction:column;gap:8px}.template-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-gallery-image>span{display:none}}
@media(max-width:560px){.template-gallery-grid{grid-template-columns:1fr}.template-gallery-card{border-radius:18px}.template-gallery-image{aspect-ratio:4/3}.template-gallery-image img{padding:18px}.template-gallery-copy h3{font-size:24px}.template-gallery-actions .btn-primary{flex:1;justify-content:center}}

/* =========================================================
   MyShirt OS v1.31 · Umschaltbare kompakte Desktop-Designeransicht
   Mobile bis 820 px bleibt vollständig auf dem bestehenden Sheet-System.
   ========================================================= */
.designer-desktop-dock,.designer-desktop-panel-bar,.designer-page .designer-layout-toggle{display:none}
@media (min-width:1241px){
  .designer-page .designer-layout-toggle{display:inline-flex}

  /* Die kompakte Ansicht bleibt bewusst um die eigentliche Textilfläche gebündelt. */
  .designer-shell-v2.designer-layout-compact .designer-grid-v2{position:relative;grid-template-columns:112px minmax(760px,1000px) 112px;justify-content:center;gap:10px}
  .designer-shell-v2.designer-layout-compact .designer-grid-v2 .designer-workspace{grid-column:2;grid-row:1}

  /* Werkzeug-/Produktknöpfe beginnen auf Höhe von Produktbild und Zoomleiste.
     Der Offset wird zusätzlich per JS exakt an die Stage angepasst. */
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock{position:sticky;top:122px;z-index:210;display:grid;align-self:start;gap:7px;margin-top:var(--designer-dock-offset,0px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock-left{grid-column:1;grid-row:1}.designer-shell-v2.designer-layout-compact .designer-desktop-dock-right{grid-column:3;grid-row:1}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;width:110px;min-height:58px;padding:8px;border:1px solid #dde4da;border-radius:14px;background:#fff;color:#48544d;font:inherit;text-align:left;cursor:pointer;box-shadow:0 7px 20px rgba(1,4,5,.055);transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button .ui-icon{box-sizing:border-box;width:34px;height:34px;padding:7px;border-radius:10px;background:#eff4e7;color:#557700}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button span{font-size:10.5px;line-height:1.12;font-weight:850;overflow-wrap:anywhere}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button:hover{transform:translateY(-1px);border-color:#c8d5bf;background:#fbfcfa;box-shadow:0 9px 24px rgba(1,4,5,.08)}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button.active{border-color:#bdd28f;background:#f2f8e8;color:#3f5b00;box-shadow:0 8px 24px rgba(73,103,0,.11),inset 0 0 0 1px rgba(95,132,0,.06)}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button.active .ui-icon{background:#dfeebe;color:#466500}

  /* Geöffnete Panels sind echte Overlays. Die drei Grundspalten bleiben unverändert:
     kein Verschieben von Shirt, Zoomleiste oder seitlichen Buttons. */
  .designer-shell-v2.designer-layout-compact.desktop-tools-open .designer-grid-v2,
  .designer-shell-v2.designer-layout-compact.desktop-config-open .designer-grid-v2{grid-template-columns:112px minmax(760px,1000px) 112px;width:auto;margin-left:0;margin-right:0}
  .designer-shell-v2.designer-layout-compact.desktop-tools-open .designer-desktop-dock-left,
  .designer-shell-v2.designer-layout-compact.desktop-config-open .designer-desktop-dock-left{grid-column:1;grid-row:1}
  .designer-shell-v2.designer-layout-compact.desktop-tools-open .designer-grid-v2 .designer-workspace,
  .designer-shell-v2.designer-layout-compact.desktop-config-open .designer-grid-v2 .designer-workspace{grid-column:2;grid-row:1}
  .designer-shell-v2.designer-layout-compact.desktop-tools-open .designer-desktop-dock-right,
  .designer-shell-v2.designer-layout-compact.desktop-config-open .designer-desktop-dock-right{grid-column:3;grid-row:1}

  /* Seitliches Overlay, nur vertikal im sichtbaren Designerbereich zentriert.
     Die horizontalen Positionen werden an den jeweiligen Button-Dock angedockt. */
  .designer-shell-v2.designer-layout-compact .designer-tools-column,.designer-shell-v2.designer-layout-compact .designer-config-column{display:none!important;position:fixed!important;top:var(--desktop-panel-center-y,50dvh)!important;z-index:260;max-height:var(--desktop-panel-max-height,calc(100dvh - 150px))!important;margin:0!important;padding:10px!important;overflow:auto!important;border:1px solid #d9e1d6;border-radius:20px;background:#edf1eb;box-shadow:0 22px 55px rgba(1,4,5,.22);scrollbar-gutter:stable;overscroll-behavior:contain;transform:translateY(-50%);align-self:auto}
  .designer-shell-v2.designer-layout-compact .designer-tools-column{left:var(--desktop-panel-left,132px)!important;right:auto!important;width:min(350px,calc(100vw - var(--desktop-panel-left,132px) - 14px))!important}
  .designer-shell-v2.designer-layout-compact .designer-config-column{left:auto!important;right:var(--desktop-panel-right,132px)!important;width:min(370px,calc(100vw - var(--desktop-panel-right,132px) - 14px))!important}
  .designer-shell-v2.designer-layout-compact .designer-tools-column.desktop-panel-active,.designer-shell-v2.designer-layout-compact .designer-config-column.desktop-panel-active{display:grid!important;animation:designerDesktopSidePanelIn .17s ease-out}
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-bar{position:sticky;top:-10px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-10px -10px 0;padding:13px 14px;border-bottom:1px solid #dce3d9;border-radius:20px 20px 0 0;background:rgba(255,255,255,.985);backdrop-filter:blur(10px)}
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-bar[data-desktop-panel-drag-handle]{cursor:grab;user-select:none;touch-action:none}
  .designer-shell-v2.designer-layout-compact .desktop-panel-dragging .designer-desktop-panel-bar[data-desktop-panel-drag-handle]{cursor:grabbing}
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-bar[data-desktop-panel-drag-handle] button{cursor:pointer;touch-action:auto}
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-bar strong{font-family:var(--font-heading);font-size:23px;line-height:1;text-transform:uppercase}.designer-shell-v2.designer-layout-compact .designer-desktop-panel-bar button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #dce2d9;border-radius:10px;background:#f7f9f5;color:#3f4a43;cursor:pointer}.designer-shell-v2.designer-layout-compact .designer-desktop-panel-bar button .ui-icon{width:18px;height:18px}
  .designer-shell-v2.designer-layout-compact .designer-tools-column>.designer-column-head,.designer-shell-v2.designer-layout-compact .designer-config-column>.designer-column-head,.designer-shell-v2.designer-layout-compact .designer-config-column>.designer-premium-trust{display:none!important}
  .designer-shell-v2.designer-layout-compact .designer-tools-column.desktop-filtered>.designer-accordion:not(.desktop-tool-visible),.designer-shell-v2.designer-layout-compact .designer-config-column.desktop-filtered>.designer-accordion:not(.desktop-config-visible){display:none!important}
  .designer-shell-v2.designer-layout-compact .designer-tools-column.desktop-filtered>.designer-accordion.desktop-tool-visible>summary,.designer-shell-v2.designer-layout-compact .designer-config-column.desktop-filtered>.designer-accordion.desktop-config-visible>summary{display:none!important}
  .designer-shell-v2.designer-layout-compact .designer-tools-column .designer-area-card{margin-top:0}.designer-shell-v2.designer-layout-compact .designer-accordion{box-shadow:none;border:1px solid #dde4da}.designer-shell-v2.designer-layout-compact .designer-accordion-body{padding:15px}
  .designer-shell-v2.designer-layout-compact .designer-config-column>.designer-live-total,.designer-shell-v2.designer-layout-compact .designer-config-column>.designer-quick-cart{display:none!important}

  /* Status-/Transferhinweise sitzen optisch über dem Arbeitsbereich statt über der vollen Seitenbreite. */
  .designer-shell-v2.designer-layout-compact>.designer-shared-notice,.designer-shell-v2.designer-layout-compact>.designer-transfer-notice,.designer-shell-v2.designer-layout-compact>.designer-cart-edit-notice{width:min(100%,1000px);margin-left:auto;margin-right:auto}
}
@keyframes designerDesktopSidePanelIn{from{opacity:0;transform:translateY(-47%) scale(.985)}to{opacity:1;transform:translateY(-50%) scale(1)}}

/* v1.31 Designer R6: kompaktere Bibliothek im seitlichen Overlay */
@media (min-width:1241px){.designer-shell-v2.designer-layout-compact .designer-tools-column.desktop-panel-active .designer-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================================================
   MyShirt OS v1.31 · Designer R7
   Breitere Seitennavigation + wiederhergestellte kompakte Zoomleiste.
   ========================================================= */
@media (min-width:1241px){
  .designer-shell-v2.designer-layout-compact .designer-grid-v2{
    grid-template-columns:146px minmax(720px,1000px) 146px;
    gap:12px;
  }
  .designer-shell-v2.designer-layout-compact.desktop-tools-open .designer-grid-v2,
  .designer-shell-v2.designer-layout-compact.desktop-config-open .designer-grid-v2{
    grid-template-columns:146px minmax(720px,1000px) 146px;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock{gap:8px}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button{
    grid-template-columns:38px minmax(0,1fr);
    gap:9px;
    width:144px;
    min-height:62px;
    padding:8px 9px;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button .ui-icon{
    width:38px;height:38px;padding:8px;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button>span{
    display:grid;
    gap:3px;
    min-width:0;
    font-size:inherit;
    line-height:normal;
    font-weight:400;
    overflow-wrap:normal;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button>span>strong{
    display:block;
    min-width:0;
    color:#3f4943;
    font-size:12.5px;
    line-height:1.08;
    font-weight:900;
    overflow-wrap:break-word;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button>span>small{
    display:block;
    min-width:0;
    color:#758079;
    font-size:9px;
    line-height:1.18;
    font-weight:400;
    overflow-wrap:break-word;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button.active>span>strong{color:#3f5b00}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button.active>span>small{color:#61733e}

  /* Zoom/Ansicht wieder kompakt: Plus/Minus, Ansicht/Fokus und Undo/Redo
     jeweils nebeneinander. Die Objektwerkzeuge bleiben ebenfalls zweispaltig. */
  .designer-shell-v2.designer-layout-compact .product-stage-wrap{
    grid-template-columns:minmax(0,1fr) 104px;
    gap:10px;
  }
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px;
    padding:7px;
    border-radius:16px;
  }
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom-title{
    grid-column:1/-1;
    padding:1px 2px 3px;
    font-size:9px;
  }
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom button,
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom-value{
    min-width:0;
    min-height:44px;
    padding:5px 3px;
    border-radius:10px;
  }
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom button b{font-size:19px}
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom button small,
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom-value small{
    font-size:7.5px;
    line-height:1.05;
  }
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom-value{
    grid-column:1/-1;
    min-height:42px;
  }
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom-value b{font-size:12px}
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom .designer-stage-zoom-focus,
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom .designer-stage-zoom-back{
    min-height:46px;
  }
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom .designer-stage-zoom-focus b{font-size:10px}
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom .designer-stage-zoom-back b{font-size:16px}
  .designer-shell-v2.designer-layout-compact .designer-stage-object-tools{
    grid-column:1/-1;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px;
    padding-top:6px;
  }
  .designer-shell-v2.designer-layout-compact .designer-stage-object-title{
    grid-column:1/-1;
    padding-bottom:1px;
    font-size:8px;
  }
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom .designer-stage-object-tools button{
    min-height:40px;
    padding:4px 2px;
  }
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom .designer-stage-object-tools button b{font-size:15px}
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom .designer-stage-object-tools button small{font-size:7px}
  .designer-shell-v2.designer-layout-compact .designer-stage-zoom .designer-stage-object-tools button[data-object-center]{grid-column:auto}
}

/* Designer R8: Preis direkt in der Ansichtsleiste */
@media (min-width:821px){
  .designer-page .view-switcher .designer-view-price{
    margin-left:auto;
    min-width:150px;
    padding:3px 8px 3px 16px;
    display:grid;
    justify-items:end;
    align-content:center;
    gap:1px;
    border-left:1px solid #e2e7df;
    line-height:1.05;
  }
  .designer-page .view-switcher .designer-view-price>span{
    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#758079;
  }
  .designer-page .view-switcher .designer-view-price>strong{
    font-size:22px;
    line-height:1.05;
    font-weight:950;
    color:#111512;
    white-space:nowrap;
  }
  .designer-page .view-switcher .designer-view-price>small{
    margin-top:2px;
    font-size:10px;
    line-height:1.15;
    font-weight:650;
    color:#5e7f13;
    white-space:nowrap;
  }
  .designer-page .view-switcher .designer-view-price>small b{font-weight:900}
}
@media (max-width:820px){.designer-page .view-switcher .designer-view-price{display:none!important}}

/* =========================================================
   MyShirt OS v1.36 · Kompakte Desktop-Ansicht in klassischer Designsprache
   Die Navigation übernimmt Optik/Lesbarkeit der klassischen Seitenleisten,
   behält aber das bestehende verschiebbare Popup-System bei.
   ========================================================= */
@media (min-width:1241px){
  .designer-shell-v2.designer-layout-compact .designer-grid-v2,
  .designer-shell-v2.designer-layout-compact.desktop-tools-open .designer-grid-v2,
  .designer-shell-v2.designer-layout-compact.desktop-config-open .designer-grid-v2{
    grid-template-columns:280px minmax(620px,1000px) 310px;
    gap:18px;
    align-items:start;
  }

  .designer-shell-v2.designer-layout-compact .designer-desktop-dock{
    width:100%;
    gap:10px;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock .designer-compact-dock-head{
    display:grid!important;
    width:100%;
    box-sizing:border-box;
    gap:4px;
    padding:18px 18px 16px;
    border-radius:20px;
    background:var(--designer-dark);
    color:#fff;
    box-shadow:0 10px 30px rgba(1,4,5,.08);
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock .designer-compact-dock-head>span{
    font-size:12px;
    line-height:1;
    font-weight:900;
    letter-spacing:.11em;
    color:#b5df46;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock .designer-compact-dock-head>strong{
    font-family:var(--font-heading);
    font-size:30px;
    line-height:1.03;
    font-weight:900;
    text-transform:uppercase;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock .designer-compact-dock-head>small{
    margin-top:2px;
    color:#d2d8d4;
    font-size:12.5px;
    line-height:1.42;
    font-weight:400;
  }

  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button{
    grid-template-columns:46px minmax(0,1fr);
    gap:12px;
    width:100%;
    min-height:76px;
    padding:12px 15px;
    border:0;
    border-radius:18px;
    background:#fff;
    color:var(--ink);
    box-shadow:0 8px 26px rgba(1,4,5,.055);
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button .ui-icon{
    box-sizing:border-box;
    width:42px;
    height:42px;
    padding:10px;
    border-radius:12px;
    background:#eff4e7;
    color:var(--green-text);
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button>span{
    display:grid;
    gap:3px;
    min-width:0;
    align-content:center;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button>span>strong{
    display:block;
    min-width:0;
    color:var(--ink);
    font-size:16px;
    line-height:1.18;
    font-weight:900;
    overflow-wrap:normal;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button>span>small{
    display:block;
    min-width:0;
    color:#7b857f;
    font-size:12px;
    line-height:1.35;
    font-weight:400;
    overflow-wrap:normal;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button:hover{
    transform:translateY(-1px);
    border-color:transparent;
    background:#fff;
    box-shadow:0 12px 30px rgba(1,4,5,.09);
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button.active{
    border:0;
    background:#f3f8e9;
    color:var(--ink);
    box-shadow:0 8px 26px rgba(73,103,0,.12),inset 0 0 0 1px #c8dca5;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button.active .ui-icon{
    background:#dfeebe;
    color:#466500;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button.active>span>strong{color:var(--ink)}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button.active>span>small{color:#6f7d6f}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock-right button[data-desktop-config="price"] .ui-icon{
    background:var(--designer-dark);
    color:#b7e53e;
  }

  /* Popup-Logik bleibt identisch: kein Reflow, frei verschiebbar. */
  .designer-shell-v2.designer-layout-compact .designer-tools-column{width:min(390px,calc(100vw - var(--desktop-panel-left,132px) - 14px))!important}
  .designer-shell-v2.designer-layout-compact .designer-config-column{width:min(410px,calc(100vw - var(--desktop-panel-right,132px) - 14px))!important}
}

/* Auf kleineren Desktopbreiten bleibt die klassische Designsprache erhalten,
   die Seitenspalten werden lediglich proportional schmaler. */
@media (min-width:1241px) and (max-width:1499px){
  .designer-shell-v2.designer-layout-compact .designer-grid-v2,
  .designer-shell-v2.designer-layout-compact.desktop-tools-open .designer-grid-v2,
  .designer-shell-v2.designer-layout-compact.desktop-config-open .designer-grid-v2{
    grid-template-columns:220px minmax(600px,1fr) 240px;
    gap:12px;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock .designer-compact-dock-head{
    padding:15px 14px 14px;
    border-radius:18px;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock .designer-compact-dock-head>strong{font-size:25px}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock .designer-compact-dock-head>small{font-size:11px}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button{
    grid-template-columns:40px minmax(0,1fr);
    gap:9px;
    min-height:68px;
    padding:9px 10px;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button .ui-icon{width:38px;height:38px;padding:9px}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button>span>strong{font-size:14px}
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock button>span>small{font-size:10.5px}
}

/* =========================================================
   MyShirt OS v1.37 · ruhiger Header mit Mega-Menüs & Footer
   ========================================================= */
@media (min-width:1061px){
  .site-header,.site-header.compact{height:82px;overflow:visible;background:rgba(255,255,255,.985)}
  .site-header-inner{width:min(calc(100% - 56px),1500px);gap:24px!important;overflow:visible}
  .site-header-left{gap:clamp(28px,3vw,48px)!important;overflow:visible}
  .site-header-left .site-brand{display:flex;align-items:center;min-width:0}
  .site-header-left .brand-logo-image{max-width:185px;max-height:56px;width:auto;height:auto}
  .site-nav-mega-root{gap:4px!important;overflow:visible}
  .site-nav-dropdown.site-nav-mega{position:static;height:82px;display:flex;align-items:center}
  .site-nav-mega>.site-nav-dropdown-toggle{min-height:44px;padding:0 13px!important;border-radius:13px;font-size:15px!important;font-weight:850;color:#313833;gap:7px}
  .site-nav-mega>.site-nav-dropdown-toggle:after{display:none!important}
  .site-nav-mega>.site-nav-dropdown-toggle:hover,.site-nav-mega.open>.site-nav-dropdown-toggle,.site-nav-mega.active>.site-nav-dropdown-toggle{background:#f1f5ed;color:#3f6700}
  .site-nav-mega>.site-nav-dropdown-toggle span{font-size:13px;color:#748078}
  .site-nav-mega:hover>.site-nav-dropdown-toggle span,.site-nav-mega.open>.site-nav-dropdown-toggle span{transform:rotate(180deg)}

  .site-nav-mega>.site-mega-menu{position:absolute;left:50%;top:calc(100% - 1px);width:min(calc(100vw - 56px),1320px);padding:12px;background:transparent;border:0;box-shadow:none;border-radius:0;transform:translate(-50%,10px);z-index:160}
  .site-nav-mega:hover>.site-mega-menu,.site-nav-mega:focus-within>.site-mega-menu,.site-nav-mega.open>.site-mega-menu{transform:translate(-50%,0)}
  .mega-menu-shell{display:grid;grid-template-columns:290px minmax(0,1fr);gap:12px;padding:12px;background:#fff;border:1px solid #e0e5de;border-radius:24px;box-shadow:0 28px 70px rgba(1,4,5,.16)}
  .mega-menu-intro{display:flex;flex-direction:column;align-items:flex-start;min-height:100%;padding:26px;border-radius:18px;background:#111713;color:#fff}
  .mega-menu-kicker{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#9ed400}
  .mega-menu-intro>strong{margin-top:9px;font-family:var(--font-head);font-size:31px;line-height:1.02;text-transform:uppercase;letter-spacing:-.025em;color:#fff}
  .mega-menu-intro>p{margin:13px 0 22px;font-size:14px;line-height:1.55;color:#b8c0ba}
  .mega-menu-primary{margin-top:auto!important;display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:45px;padding:0 14px!important;border-radius:12px!important;background:var(--green)!important;color:var(--ink)!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important}
  .mega-menu-primary .ui-icon{width:17px;height:17px}
  .mega-menu-primary:hover{background:var(--green-700)!important;color:var(--ink)!important}

  .mega-menu-content{padding:10px 8px 8px;min-width:0}
  .mega-menu-section-label{display:block;margin:0 0 10px 4px;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#6c776f}
  .mega-menu-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .site-mega-menu .mega-menu-link{position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:11px;min-height:76px;padding:11px!important;border:1px solid #e4e9e1;border-radius:15px!important;background:#fbfcfa;color:#202722!important;white-space:normal!important}
  .site-mega-menu .mega-menu-link:after{display:none!important}
  .site-mega-menu .mega-menu-link:hover,.site-mega-menu .mega-menu-link.active{background:#f2f7e9!important;border-color:#cfe0b3!important;color:#253a0d!important}
  .mega-menu-link-icon{width:42px;height:42px;border-radius:12px;background:#edf4e5;color:#5f8d00;display:grid;place-items:center}
  .mega-menu-link-icon .ui-icon{width:22px;height:22px}
  .mega-menu-link>span:nth-child(2){display:grid;min-width:0;gap:3px}
  .mega-menu-link strong{font-size:14px;line-height:1.2;color:inherit}
  .mega-menu-link small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;line-height:1.35;font-weight:600;color:#727c75}
  .mega-menu-link-arrow{width:15px!important;height:15px!important;color:#879087;opacity:.72}

  .site-header-right{gap:10px!important}
  .header-search-toggle{width:44px;height:44px;padding:0!important;display:grid;place-items:center;border:1px solid #dde3db;border-radius:13px;background:#fff}
  .header-search-toggle .ui-icon{width:21px;height:21px}
  .site-header-right>.header-account-link{min-height:44px;padding:0 10px!important;border-radius:12px;font-size:14px!important;gap:7px!important}
  .site-header-right>.header-account-link:hover,.site-header-right>.header-account-link.active{background:#f3f6f1;color:#3f6700}
  .site-header-actions{gap:9px!important}
  .header-designer-cta{min-height:48px!important;height:48px!important;padding:0 17px!important;border-radius:14px!important;font-size:14px!important}
  .header-cart-link{min-height:48px!important;height:48px!important;padding:0 13px!important;border-radius:14px!important;font-size:14px!important}
}

@media (min-width:1061px) and (max-width:1260px){
  .site-header-inner{width:min(calc(100% - 32px),1500px);gap:16px!important}
  .site-header-left{gap:18px!important}
  .site-header-left .brand-logo-image{max-width:155px}
  .site-nav-mega>.site-nav-dropdown-toggle{padding-inline:9px!important;font-size:14px!important}
  .site-header-right>.header-account-link span{display:none}
  .site-header-right>.header-account-link{width:44px;padding:0!important;justify-content:center}
  .header-designer-cta{padding-inline:13px!important}
  .header-cart-link span{display:none}
  .mega-menu-shell{grid-template-columns:250px minmax(0,1fr)}
  .mega-menu-links{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Tablet/Mobil: dieselben drei Gruppen bleiben als kompakte Akkordeons nutzbar. */
@media (max-width:1060px){
  .site-nav-mega{display:block!important;height:auto!important;position:relative!important}
  .site-nav-mega>.site-nav-dropdown-toggle{width:100%;justify-content:space-between}
  .site-nav-mega>.site-mega-menu{position:static!important;width:auto!important;margin:2px 0 8px 10px!important;padding:0 0 0 10px!important;border:0!important;border-left:2px solid #dce8c9!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;display:none!important}
  .site-nav-mega.open>.site-mega-menu{display:block!important}
  .mega-menu-shell{display:block;padding:0;background:transparent;border:0;box-shadow:none}
  .mega-menu-intro{padding:12px 13px;margin:4px 0 7px;border-radius:13px;background:#111713;color:#fff}
  .mega-menu-kicker{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#9ed400}
  .mega-menu-intro>strong{display:block;margin-top:4px;font-size:16px;line-height:1.2;color:#fff}
  .mega-menu-intro>p{margin:5px 0 9px;font-size:12px;line-height:1.4;color:#b8c0ba}
  .mega-menu-primary{display:inline-flex!important;align-items:center;gap:7px;padding:7px 10px!important;border-radius:9px!important;background:var(--green)!important;color:var(--ink)!important;font-size:12px!important;font-weight:900!important}
  .mega-menu-primary .ui-icon{width:14px;height:14px}
  .mega-menu-content{padding:0}
  .mega-menu-section-label{display:none}
  .mega-menu-links{display:grid;grid-template-columns:1fr;gap:4px}
  .site-mega-menu .mega-menu-link{display:grid!important;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:9px;min-height:54px;padding:8px 9px!important;border-radius:11px!important;background:#f7f9f5!important;color:#273029!important}
  .mega-menu-link-icon{width:34px;height:34px;border-radius:9px;background:#edf4e5;color:#5f8d00;display:grid;place-items:center}
  .mega-menu-link-icon .ui-icon{width:18px;height:18px}
  .mega-menu-link>span:nth-child(2){display:grid;gap:1px;min-width:0}
  .mega-menu-link strong{font-size:13px;line-height:1.2}
  .mega-menu-link small{font-size:11px;line-height:1.25;color:#737d76;white-space:normal}
  .mega-menu-link-arrow{width:13px!important;height:13px!important}
}

/* Footer: Inhalte oben gruppieren; ganz unten ausschließlich Rechtliches. */
.site-footer-main{grid-template-columns:minmax(300px,1.45fr) repeat(4,minmax(150px,1fr));gap:42px}
.site-footer-col h3{font-size:18px}
.site-footer-col a{line-height:1.42}
.site-footer-bottom{align-items:center}
.footer-legal-links{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.site-footer-bottom .footer-legal-links a{color:#8d9891}
.site-footer-bottom .footer-legal-links a:hover{color:#fff}
.site-footer-bottom .footer-withdrawal-link{border:1px solid #3d4640;border-radius:999px;padding:7px 11px;color:#fff!important;font-weight:800}

@media (max-width:1250px) and (min-width:821px){
  .site-footer-main{grid-template-columns:1.3fr repeat(2,minmax(0,1fr));gap:34px}
  .site-footer-brand{grid-row:span 2}
}

/* =========================================================
   MyShirt OS v1.38 · Designer-Kopfzeile & Warenkorbführung
   ========================================================= */
@media (min-width:1241px){
  /* In der kompakten Ansicht endet die Appbar exakt mit den drei
     sichtbaren Designerspalten (links + Arbeitsfläche + rechts). */
  .designer-shell-v2.designer-layout-compact>.designer-appbar{
    width:min(100%,1626px);
    margin-left:auto;
    margin-right:auto;
  }
}

@media (min-width:821px){
  .designer-page .view-switcher .designer-view-cart{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:44px;
    margin-left:auto;
    padding:0 15px;
    border:1px solid #668f00;
    border-radius:13px;
    background:var(--green);
    color:#111512;
    font:inherit;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
    cursor:pointer;
    box-shadow:0 7px 18px rgba(105,151,0,.15);
    transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;
  }
  .designer-page .view-switcher .designer-view-cart:hover:not(:disabled){
    transform:translateY(-1px);
    box-shadow:0 10px 24px rgba(105,151,0,.22);
  }
  .designer-page .view-switcher .designer-view-cart:disabled{
    opacity:.42;
    cursor:not-allowed;
    box-shadow:none;
  }
  .designer-page .view-switcher .designer-view-cart .ui-icon{
    width:17px;
    height:17px;
  }
  .designer-page .view-switcher .designer-view-price{
    margin-left:0;
    min-width:184px;
    min-height:44px;
    padding:6px 12px;
    border:1px solid #d8e5bf;
    border-radius:13px;
    background:#f4f8ec;
    justify-items:end;
  }
  .designer-page .view-switcher .designer-view-price>span{
    color:#63705f;
    letter-spacing:.08em;
  }
  .designer-page .view-switcher .designer-view-price>strong{
    font-size:21px;
  }
}
@media (max-width:820px){
  .designer-page .view-switcher .designer-view-cart{display:none!important}
}

/* =========================================================
   MyShirt OS v1.39 · Header-Ebene, Navigationstrenner & CTA
   ========================================================= */
@media (min-width:1061px){
  /* Auf Designer-Seiten muss der komplette Website-Header oberhalb
     der kompakten Designer-Docks und verschiebbaren Panels liegen. */
  .designer-page .site-header{z-index:800!important;overflow:visible!important}
  .designer-page .site-header .site-mega-menu{z-index:820!important}

  /* Ruhige optische Trennung der drei Hauptbereiche. */
  .site-nav-mega + .site-nav-mega > .site-nav-dropdown-toggle{
    position:relative;
    margin-left:22px;
  }
  .site-nav-mega + .site-nav-mega > .site-nav-dropdown-toggle::before{
    content:"";
    position:absolute;
    left:-12px;
    top:50%;
    width:0;
    height:22px;
    border-left:1px dotted var(--green);
    transform:translateY(-50%);
    pointer-events:none;
  }
}

/* Der grüne Designer-CTA bleibt bewusst kontrastreich weiß –
   auch gegenüber der globalen Primary-Button-Regel. */
.header-designer-cta,
.header-designer-cta span,
.header-designer-cta .ui-icon{color:#fff!important}



/* =========================================================
   MyShirt OS v1.40 · kompakte Seitennavigation nach oben
   Linke und rechte Navigation beginnen direkt am oberen Grid-Rand.
   ========================================================= */
@media (min-width:1241px){
  .designer-shell-v2.designer-layout-compact .designer-desktop-dock{
    margin-top:var(--designer-dock-offset,0px);
  }
}


/* =========================================================
   MyShirt OS v1.41 · einheitliches CI-Grün für Aktionen
   Primäre Aktionen: #83BC00 + weiße Schrift.
   #9DE109 bleibt ausschließlich Akzent-/Highlightfarbe.
   ========================================================= */
:root{
  --green:#83BC00;
  --green-700:#6B9800;
  --lime:#9DE109;
}

:where(
  .header-designer-cta,
  .btn-primary,
  .primary-button,
  .checkout-submit,
  .footer-designer-cta,
  .product-designer-cta,
  .content-button,
  .designer-cart-button,
  .designer-top-action.primary,
  .designer-page .designer-search-row>button,
  .mobile-product-designer-cta,
  .designer-page .view-switcher .designer-view-cart,
  .account-side-nav a.active,
  .legal-page-nav a.active,
  .legal-page-nav a:hover,
  .view-button.active,
  .selection-handle,
  .mega-menu-primary
){
  background:var(--green)!important;
  color:#fff!important;
}

:where(
  .header-designer-cta,
  .btn-primary,
  .primary-button,
  .checkout-submit,
  .footer-designer-cta,
  .product-designer-cta,
  .content-button,
  .designer-cart-button,
  .designer-top-action.primary,
  .designer-page .designer-search-row>button,
  .mobile-product-designer-cta,
  .designer-page .view-switcher .designer-view-cart,
  .account-side-nav a.active,
  .legal-page-nav a.active,
  .legal-page-nav a:hover,
  .view-button.active,
  .mega-menu-primary
) :where(span,strong,b,small,.ui-icon,svg){
  color:inherit!important;
}

:where(
  .header-designer-cta,
  .btn-primary,
  .primary-button,
  .checkout-submit,
  .footer-designer-cta,
  .product-designer-cta,
  .content-button,
  .designer-cart-button,
  .designer-top-action.primary,
  .designer-page .designer-search-row>button,
  .mobile-product-designer-cta,
  .designer-page .view-switcher .designer-view-cart,
  .mega-menu-primary
):hover:not(:disabled){
  background:var(--green-700)!important;
  color:#fff!important;
}

/* Kleine grüne Status-/Aktivflächen folgen derselben Vordergrundlogik. */
.header-cart-link strong,
.catalog-filters-new a.active b,
.checkout-delivery-option.shipping:before,
.chip-piece,
.designer-cart-drawer-check,
.checkout-speedprint-icon,
.mobile-app-nav>a>b,
.order-success-mark,
.store-icon,
.category-card-modern:hover .category-card-copy i{
  background:var(--green)!important;
  color:#fff!important;
}

.mega-menu-primary{background:var(--green)!important;color:#fff!important}
.mega-menu-primary:hover{background:var(--green-700)!important;color:#fff!important}

/* v1.45: dezenter Farbhinweis direkt unter der Produktfarbauswahl. */
.designer-page .designer-color-preview-note{margin:11px 0 0;color:var(--muted);font-size:12px;line-height:1.45;font-weight:400;}

/* v1.51 Bügelbilder: additive Landingpage; die vorhandenen Textilseiten bleiben unverändert. */
.transfer-hero{background:#151a17;color:#fff;padding:clamp(52px,7vw,110px) 0;overflow:hidden}.transfer-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(30px,7vw,100px)}.transfer-hero .eyebrow,.transfer-section-heading .eyebrow{color:#9de109}.transfer-hero h1{color:#fff;font-size:clamp(48px,6vw,90px);line-height:.96;margin:16px 0 23px}.transfer-hero h1 em{font-style:normal;color:#9de109}.transfer-hero-copy>p{font-size:clamp(17px,1.8vw,21px);line-height:1.6;max-width:620px;color:#e1e8df}.transfer-hero-copy>.btn-primary{display:inline-flex;margin:27px 0 15px}.transfer-hero-points{display:flex;flex-wrap:wrap;gap:13px 23px;margin-top:20px;color:#d9e5d8;font-size:13px}.transfer-hero-points span{display:inline-flex;align-items:center;gap:7px}.transfer-hero-points svg{width:17px;height:17px;color:#9de109}.transfer-hero-art{min-height:430px;display:grid;place-content:center;justify-items:center;position:relative}.transfer-hero-art:before{content:"";width:min(38vw,510px);height:min(38vw,510px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#7bb42345,transparent 72%)}.transfer-sheet-demo{position:relative;width:280px;aspect-ratio:285 / 385;border:1px solid #dedede;background:linear-gradient(145deg,#fff,#f3f5f3);box-shadow:24px 28px 65px #0009;transform:rotate(-5deg);color:#122018;border-radius:3px;padding:22px}.transfer-demo-label{font-size:12px;font-weight:800;letter-spacing:.19em;color:#658d00}.transfer-demo-piece{position:absolute;display:grid;place-content:center;text-align:center;font-weight:900;box-shadow:0 8px 17px #0002}.transfer-demo-piece-one{top:70px;left:30px;width:130px;height:120px;background:#9de109;color:#19230a;font-size:25px;line-height:1}.transfer-demo-piece-two{top:82px;right:22px;width:70px;height:70px;background:#161c19;color:#9de109;font-size:46px}.transfer-demo-piece-three{top:216px;left:26px;width:205px;height:74px;background:#245280;color:#fff;font-size:31px;transform:rotate(5deg)}.transfer-demo-piece-four{bottom:45px;right:26px;width:90px;height:70px;color:#fff;background:#e02e68;font-size:44px}.transfer-demo-size{position:absolute;bottom:12px;left:22px;font-weight:700;font-size:10px;color:#6e786d}.transfer-art-caption{z-index:1;color:#d4e1d1;margin-top:22px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.transfer-formats{padding-top:clamp(55px,7vw,105px);padding-bottom:clamp(55px,7vw,105px)}.transfer-section-heading{margin-bottom:30px}.transfer-section-heading .eyebrow{color:#6d9e00}.transfer-section-heading h2{font-size:clamp(34px,4vw,57px);line-height:1.06;margin:10px 0 12px}.transfer-section-heading p{color:#58645c;line-height:1.6;font-size:17px}.transfer-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.transfer-format-option{background:#fff;border:1px solid #dfe7db;border-radius:20px;overflow:hidden;box-shadow:0 17px 46px #1525140b}.transfer-format-visual{min-height:240px;display:grid;place-items:center;background:#f2f7f1;padding:26px}.transfer-format-paper{width:min(145px,100%);border:1px solid #ced8ca;background:#fff;box-shadow:13px 12px 28px #0002;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}.transfer-format-paper>span{font-weight:900;color:#6b9800;font-size:23px;text-align:center;line-height:1.1}.transfer-format-paper>small{font-size:10px;color:#5c685b}.transfer-format-details{padding:25px}.transfer-format-details h3{font-size:29px;margin:7px 0}.transfer-format-details p{color:#626c62;min-height:50px}.transfer-format-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.transfer-format-bottom>strong{font-size:27px;white-space:nowrap}.transfer-format-bottom .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px}.transfer-how{background:#f2f7f1;padding:clamp(50px,6vw,85px) 0}.transfer-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.transfer-steps article{background:#fff;border:1px solid #e1e9dd;border-radius:17px;padding:27px}.transfer-steps article>b{font-size:28px;color:#76a800}.transfer-steps h3{margin:18px 0 9px;font-size:20px}.transfer-steps p{color:#5c685c;line-height:1.6}.transfer-unavailable{padding:30px;border:1px solid #d8e1d4;border-radius:16px}.home-transfer-teaser{background:#eaf7db;padding:30px 0}.home-transfer-teaser-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.home-transfer-teaser h2{font-size:clamp(26px,3vw,40px);line-height:1.05;margin:6px 0}.home-transfer-teaser p{color:#3d4a3e;max-width:810px;line-height:1.6;margin:0}.home-transfer-teaser .btn-primary{white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.transfer-designer .product-stage{background:#f0f5ef}.transfer-designer .designer-print-check{border-bottom-color:#dce9d5}.transfer-size-editor{margin:16px 0;padding:15px;border:1px solid #d9e5d0;border-radius:14px;background:#f4f9f0}.transfer-size-editor>strong{display:block;margin-bottom:11px;font-size:15px}.transfer-size-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.transfer-size-inputs label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:650}.transfer-size-inputs input{width:100%;min-width:0;padding:10px;border:1px solid #c5d3bd;border-radius:8px;background:#fff;font-size:16px}.transfer-size-editor>small{display:block;margin-top:10px;color:#55644f;line-height:1.5}.transfer-size-error{display:block;margin-top:9px;font-size:12px;color:#aa2929;font-weight:700}.transfer-size-error[hidden]{display:none!important}
@media(max-width:850px){.transfer-hero-grid,.transfer-format-grid{grid-template-columns:1fr}.transfer-hero-art{min-height:360px}.transfer-hero-art:before{width:360px;height:360px}.transfer-sheet-demo{width:235px}.transfer-demo-piece-one{width:115px;left:23px}.transfer-demo-piece-two{right:18px}.transfer-demo-piece-three{width:180px;top:186px;font-size:27px}.transfer-demo-piece-four{bottom:30px}.transfer-steps{grid-template-columns:1fr}.home-transfer-teaser-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.transfer-format-bottom{flex-wrap:wrap}.transfer-format-bottom .btn-primary{width:100%}.transfer-hero-points{gap:9px 15px}}

/* v1.52: prominent Bügelbilder section + consistent iron symbol */
.home-transfer-feature{position:relative;overflow:hidden;background:linear-gradient(117deg,#e9f9d6 0%,#f5fbe9 54%,#e3f3c8 100%);padding:clamp(54px,6vw,94px) 0}
.home-transfer-feature:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:#c6ea8a;opacity:.28;right:-130px;top:-200px;pointer-events:none}
.home-transfer-feature-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(290px,.95fr);align-items:center;gap:clamp(34px,6vw,96px)}
.home-transfer-feature-copy{display:flex;flex-direction:column;align-items:flex-start;gap:19px}
.home-transfer-feature-copy .eyebrow{display:inline-flex;align-items:center;gap:10px;color:#3e6605;font-size:12px;font-weight:850;letter-spacing:.12em}
.home-transfer-feature-label svg,.transfer-hero-label svg{width:22px;height:22px;flex:none}
.home-transfer-feature-copy h2{margin:0;color:#111614;font-family:var(--font-head);font-size:clamp(48px,5.8vw,86px);line-height:.96;text-transform:uppercase}
.home-transfer-feature-copy p{margin:0;max-width:660px;font-size:clamp(17px,1.55vw,21px);line-height:1.6;color:#36443c}
.home-transfer-feature-points{display:flex;flex-wrap:wrap;gap:11px 19px;color:#273e16;font-weight:750;font-size:13px}
.home-transfer-feature-points span{display:inline-flex;align-items:center;gap:6px}
.home-transfer-feature-points svg{width:16px;height:16px;color:#507c0b}
.home-transfer-feature-copy .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 23px}
.home-transfer-feature-copy>small{font-size:12px;line-height:1.5;color:#566650}
.home-transfer-feature-visual{position:relative;display:grid;justify-items:center;min-height:480px;align-content:center}
.home-transfer-demo-window{position:relative;width:min(100%,450px);border-radius:20px;background:#fff;border:1px solid #d4dfce;box-shadow:0 22px 64px #34502224;overflow:hidden;transform:rotate(2deg)}
.home-transfer-demo-top{height:42px;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid #e5ebe0;background:#fdfefd}
.home-transfer-demo-top span{width:8px;height:8px;background:#c8d6bd;border-radius:50%}
.home-transfer-demo-top span:first-child{background:#83bc00}
.home-transfer-demo-top b{margin-left:9px;color:#3a463b;font-size:12px}
.home-transfer-demo-sheet{width:min(76%,305px);aspect-ratio:285 / 385;margin:24px auto 22px;background:#fff;box-shadow:0 6px 28px #00000014;border:1px dashed #9abb87;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:11px}
.home-transfer-demo-motif{display:grid;place-items:center;text-align:center;color:#fff;background:#244a82;font-family:var(--font-head);font-size:clamp(14px,1.55vw,22px);line-height:.94;border-radius:4px}
.home-transfer-demo-motif:nth-child(3n+2){background:#e83b78}.home-transfer-demo-motif:nth-child(3n+3){background:#568900}
.home-transfer-demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 17px;background:#f2f8eb;color:#34452b;font-size:11px}
.home-transfer-demo-bottom strong{display:flex;align-items:center;gap:5px}.home-transfer-demo-bottom svg{width:16px;height:16px}
.home-transfer-demo-note{margin-top:19px;color:#4b661f;font-weight:850;font-size:12px;letter-spacing:.11em;text-transform:uppercase}
.home-transfer-iron-badge{position:absolute;top:0;right:4%;width:86px;height:86px;display:grid;place-items:center;border-radius:22px;background:#83bc00;color:#fff;box-shadow:0 15px 28px #35560032;transform:rotate(12deg);z-index:1}
.home-transfer-iron-badge svg{width:49px;height:49px}
.transfer-hero-label{display:inline-flex;gap:10px;align-items:center}
.transfer-auto-arrange{margin-top:16px;border-top:1px solid #d9e5d0;padding-top:16px;display:grid;gap:10px}
.transfer-auto-arrange>strong{font-size:14px}.transfer-auto-arrange p{margin:0;color:#566452;font-size:12px;line-height:1.5}
.transfer-arrange-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.transfer-arrange-inputs label{display:grid;gap:5px;font-size:12px;font-weight:650}
.transfer-arrange-inputs input{width:100%;min-width:0;padding:10px;border-radius:8px;border:1px solid #c5d3bd;background:#fff;font-size:16px}
.transfer-arrange-rotate{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650}
.transfer-arrange-rotate input{accent-color:#83bc00;width:17px;height:17px}
.transfer-auto-arrange button{justify-content:center;width:100%}
.transfer-auto-arrange [data-transfer-arrange-status]{font-size:12px;line-height:1.45;color:#445a37}
.transfer-auto-arrange [data-state="error"]{color:#a12d24}.transfer-auto-arrange [data-state="warning"]{color:#805400}.transfer-auto-arrange [data-state="success"]{color:#406900}
@media(max-width:900px){.home-transfer-feature-grid{grid-template-columns:1fr}.home-transfer-feature-visual{min-height:430px}.home-transfer-iron-badge{right:calc(50% - 245px)}}
@media(max-width:520px){.home-transfer-feature{padding:46px 0}.home-transfer-feature-copy h2{font-size:clamp(43px,13vw,62px)}.home-transfer-feature-visual{min-height:360px}.home-transfer-demo-window{width:min(100%,340px)}.home-transfer-iron-badge{width:61px;height:61px;right:0}.home-transfer-iron-badge svg{width:35px;height:35px}.home-transfer-demo-sheet{width:67%;margin:13px auto}.home-transfer-demo-bottom{flex-wrap:wrap}.transfer-arrange-inputs{grid-template-columns:1fr}}

/* v1.54: ein fertig gerenderter Bügelbildbogen statt 20 einzeln ladender Logos. */
.cart-preview-flat-image{display:block;width:100%;height:auto;background:#fff;border:1px solid #e2e7df;border-radius:12px}

/* v1.56 – Bügelbildgruppen, kompakte Objektoptionen und Ganzbogen-Anordnung */
.transfer-arrange-fill{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;line-height:1.4}
.transfer-arrange-fill input,.transfer-optimize-rotate input{width:17px;height:17px;accent-color:#83bc00;flex:0 0 auto}
.transfer-auto-arrange [data-transfer-group-info]:empty{display:none}
.transfer-auto-arrange [data-transfer-group-info]{font-weight:750;color:#4a7119}
.transfer-sheet-optimizer{margin:13px 0;padding:14px 16px;background:#eff8e8;border:1px solid #d2e4bd;border-radius:15px;display:grid;gap:12px}
.transfer-sheet-optimizer-heading{display:grid;gap:3px}.transfer-sheet-optimizer-heading strong{font-size:16px;color:#1c2b19}
.transfer-sheet-optimizer-heading small{color:#536149;font-size:12px;line-height:1.45}
.transfer-sheet-optimizer-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px}
.transfer-sheet-optimizer-controls>label:not(.transfer-optimize-rotate){display:grid;gap:4px;font-size:12px;font-weight:700;min-width:110px;flex:1 1 115px}
.transfer-sheet-optimizer-controls select,.transfer-sheet-optimizer-controls input[type=number]{width:100%;min-height:38px;padding:6px 9px;border:1px solid #bed2ae;border-radius:8px;background:#fff;font:inherit}
.transfer-optimize-rotate{display:flex;align-items:center;gap:6px;min-height:38px;font-size:12px;font-weight:650}
.transfer-sheet-optimizer-controls .primary-button{min-height:40px;padding:9px 13px;font-size:12px}
.transfer-sheet-optimizer [data-transfer-optimize-status]:empty{display:none}
.transfer-sheet-optimizer [data-transfer-optimize-status]{font-size:12px;font-weight:650;line-height:1.5}
.transfer-sheet-optimizer [data-state="warning"]{color:#815400}.transfer-sheet-optimizer [data-state="error"]{color:#a12d24}.transfer-sheet-optimizer [data-state="success"]{color:#416a19}
.transfer-layer-group{border:1px solid #d7e6cf;border-radius:10px;margin:5px 0;overflow:hidden}
.transfer-layer-group-summary{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:10px;background:#eff8e8;font-weight:750;font-size:12px;cursor:pointer}
.transfer-layer-group-summary button{border:1px solid #7da943;border-radius:7px;background:#fff;color:#2c4e11;padding:6px 8px;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}
.transfer-layer-group>.designer-layer-row{padding-left:13px;border-radius:0}
.layer-single-label{font-size:10px;color:#617452;margin-left:5px}
.design-selection-overlay[data-group="1"] .selection-handle{display:none!important}
@media(max-width:620px){.transfer-sheet-optimizer{padding:11px}.transfer-sheet-optimizer-controls .primary-button{width:100%}}

/* v1.57: Designvorlagen-Hintergrund nur auf Vorschauflächen, nie auf Druckmotiven. */
.template-gallery-image img,.template-preview-board img,.template-related-card img,.designer-page .designer-library-item img,.site-search-result-image img,.site-search-page-image img{background:transparent!important}
.designer-page .designer-library-item[data-template-item] img{background:var(--template-preview-bg,#FFFFFF)!important}

/* v1.72 · Einzeilige Designer-Kopfzeile (nur auf der Designer-Seite).
   Die Statustexte und die Schaltflächen stehen nebeneinander. Auf mittleren
   Bildschirmbreiten reduzieren sich die Schaltflächen auf beschriftete Icons;
   Desktop-/Tablet-Layouts erhalten KEINE zweite Kopfzeile. */
@media (min-width:821px){
  .designer-page .designer-appbar{
    display:grid;
    grid-template-columns:minmax(135px,1fr) minmax(0,auto) auto;
    grid-template-rows:1fr;
    align-items:center;
    gap:12px;
    min-height:70px;
    height:auto;
    padding:9px 14px;
  }
  .designer-page .designer-appbar-product{
    grid-column:1;grid-row:1;min-width:0;
  }
  .designer-page .designer-appbar-state{
    grid-column:2;grid-row:1;
    display:grid;
    grid-template-columns:8px minmax(0,1fr);
    align-items:center;
    justify-content:start;
    column-gap:9px;
    width:max-content;
    max-width:290px;
    min-width:0;
    font-size:12px;
  }
  .designer-page .designer-appbar-state [data-design-save-state]{
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .designer-page .designer-appbar-state small{
    grid-column:2;
    text-align:left;
    font-size:10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    min-width:0;
  }
  .designer-page .designer-appbar-actions{
    grid-column:3;grid-row:1;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    min-width:0;
  }
  .designer-page .designer-appbar-actions .designer-top-action{
    display:inline-flex;
    flex:0 0 auto;
    width:auto;
    min-width:42px;
    max-width:none;
    min-height:44px;
    padding:0 11px;
    font-size:13px;
    line-height:1.2;
    white-space:nowrap;
  }
  .designer-page .designer-appbar-actions .designer-top-action span{display:inline!important}
  .designer-page .designer-appbar-actions .designer-help-trigger .designer-help-question{display:grid!important;flex:0 0 auto}
}
@media (min-width:821px) and (max-width:1399px){
  .designer-page .designer-appbar{gap:10px;min-height:66px;padding:8px 11px}
  .designer-page .designer-appbar-state small{display:none}
  .designer-page .designer-appbar-state{max-width:260px}
  .designer-page .designer-appbar-actions{gap:5px}
  .designer-page .designer-appbar-actions .designer-top-action{
    width:42px;
    min-width:42px;
    padding:0;
  }
  .designer-page .designer-appbar-actions .designer-top-action span:not(.designer-help-question){display:none!important}
}
@media (min-width:821px) and (max-width:930px){
  .designer-page .designer-appbar{gap:7px;padding:8px 10px}
  .designer-page .designer-appbar-state{font-size:11px;max-width:235px}
  .designer-page .designer-appbar-actions{gap:4px}
  .designer-page .designer-appbar-actions .designer-top-action{width:40px;min-width:40px;min-height:42px}
}

/* v1.72 · ausschließlich die Designvorlagen-Galerie erhält gut lesbare
   Titel, Schlagwörter und Handlungsflächen. Andere Listen bleiben unverändert. */
.template-gallery-page .template-gallery-copy{gap:10px;padding:18px}
.template-gallery-page .template-gallery-copy>small{font-size:12px;line-height:1.4}
.template-gallery-page .template-gallery-copy h3{font-size:26px;line-height:1.2}
.template-gallery-page .template-gallery-tags{gap:6px;min-height:29px}
.template-gallery-page .template-gallery-tags span{padding:5px 9px;font-size:12px;line-height:1.3}
.template-gallery-page .template-gallery-actions{gap:14px;flex-wrap:wrap}
.template-gallery-page .template-gallery-actions .btn-primary{
  min-height:44px;padding:10px 15px;font-size:14px;line-height:1.25;
}
.template-gallery-page .template-gallery-actions .btn-primary .ui-icon{width:17px;height:17px}
.template-gallery-page .template-card-details{font-size:14px;line-height:1.25}
@media (max-width:560px){
  .template-gallery-page .template-gallery-copy h3{font-size:26px}
  .template-gallery-page .template-gallery-actions .btn-primary{flex:1 1 auto}
}

/* v1.73 · Galerie-CTA in Kartenbreite statt schmaler Doppelaktion.
   Nur die öffentliche Designvorlagen-Galerie; Produkt- und Designer-Buttons bleiben gleich. */
.template-gallery-page .template-gallery-actions{display:block;margin-top:6px}
.template-gallery-page .template-gallery-actions .btn-primary{
  display:flex;align-items:center;justify-content:center;gap:10px;
  box-sizing:border-box;width:100%;min-height:50px;
  padding:12px 18px;font-size:16px;line-height:1.35;text-align:center;
  white-space:normal;
}
.template-gallery-page .template-gallery-actions .btn-primary .ui-icon{width:19px;height:19px;flex-shrink:0}
@media(max-width:560px){
  .template-gallery-page .template-gallery-actions .btn-primary{min-height:50px}
}

/* v1.59 · vollständiges Motiv statt an der quadratischen Kartengrenze abgeschnitten.
   Hintergrund aus der Vorlage bleibt hinter der ganzen transparenten Grafik sichtbar. */
.template-gallery-card .template-gallery-image{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
  aspect-ratio:1/1;
  overflow:hidden;
}
.template-gallery-card .template-gallery-image img{
  display:block;
  flex:0 1 auto;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  min-width:0;
  min-height:0;
  padding:clamp(12px,1.8vw,22px);
  box-sizing:border-box;
  object-fit:contain!important;
  object-position:center center;
}
@media (max-width:560px){
  .template-gallery-card .template-gallery-image{aspect-ratio:1/1}
  .template-gallery-card .template-gallery-image img{padding:18px}
}

/* =========================================================
   MyShirt OS v1.61 · Designer-Fenster vor dem Website-Header
   Nur während ein kompaktes Werkzeug-/Produktfenster geöffnet ist,
   wird der Designer als eigener Stapelkontext über den Header gelegt.
   Im geschlossenen Zustand bleibt das Mega-Menü weiterhin oben.
   ========================================================= */
@media (min-width:1241px){
  .designer-page .designer-shell-v2.designer-layout-compact:is(.desktop-tools-open,.desktop-config-open){
    position:relative;
    z-index:900!important;
  }
  .designer-page .designer-shell-v2.designer-layout-compact .designer-tools-column.desktop-panel-active,
  .designer-page .designer-shell-v2.designer-layout-compact .designer-config-column.desktop-panel-active{
    z-index:950!important;
  }
}

/* v1.62: Ganzen Druckbogen anordnen unter der Druckbogen-Vorschau, nicht darüber. */
.designer-page .product-stage-wrap > .transfer-sheet-optimizer {width:min(100%,820px);margin:16px auto 0;}

/* v1.67 – alle aktiven Shop-Kategorien und ihre Kategoriebilder im Mega-Menü. */
.site-mega-menu .mega-menu-category-link .mega-menu-link-icon{position:relative;overflow:hidden;flex-shrink:0}
.site-mega-menu .mega-menu-category-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#edf4e5;border-radius:inherit}
@media (min-width:1061px){
  /* Lange Kategorielisten wachsen bis zum sichtbaren Bildschirmrand und bleiben scrollbar. */
  #siteShopMenu .mega-menu-links{max-height:max(180px,calc(100dvh - 210px));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:1px 5px 5px 1px;align-content:start}
  #siteShopMenu .mega-menu-shell{align-items:stretch}
}
@media (max-width:1060px){
  /* Keine zweite verschachtelte Scrollfläche: die mobile Navigation scrollt selbst. */
  #siteShopMenu .mega-menu-links{max-height:none;overflow:visible}
}

/* v1.69 · calm homepage hero: only change on visit, back navigation or manual request. */
.hero-designer-card .hero-card-toolbar b{margin-left:auto}
.hero-rotation-stage{display:grid;position:relative}
.hero-rotation-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .85s ease-in-out,visibility 0s linear .85s}
.hero-rotation-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .85s ease-in-out,visibility 0s}
.hero-rotation-slide .hero-card-bottom strong a{color:inherit;text-decoration:none}
.hero-rotation-slide .hero-card-bottom strong a:hover{text-decoration:underline;text-decoration-color:var(--green)}
.hero-rotation-control{border:1px solid #dde6d4;background:#f7faef;color:#34452e;border-radius:9px;width:32px;height:32px;display:grid;place-items:center;font:800 18px/1 Arial,sans-serif;cursor:pointer;flex:0 0 auto}
.hero-rotation-control:hover,.hero-rotation-control:focus-visible{background:#e8f3d4;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.hero-rotation-slide,.hero-rotation-slide.is-active{transition:none}}

/* MyShirt OS v1.70 · Responsive Designer help / onboarding */
.designer-page .designer-help-trigger .designer-help-question{display:grid!important;place-items:center;width:22px;height:22px;border:2px solid currentColor;border-radius:50%;font-size:15px;font-weight:900;line-height:1}
.designer-page .designer-help-trigger{white-space:nowrap}
.designer-help-overlay[hidden],.designer-help-spotlight[hidden],.designer-help-topics[hidden],.designer-help-actions [hidden]{display:none!important}
.designer-help-overlay{position:fixed;inset:0;z-index:2147483000;pointer-events:none}
.designer-help-dimmer{position:absolute;inset:0;pointer-events:auto;background:rgba(9,18,12,.58);backdrop-filter:blur(2px)}
.designer-help-overlay.designer-help-has-target .designer-help-dimmer{background:transparent;backdrop-filter:none}
.designer-help-spotlight{position:fixed;z-index:1;pointer-events:none;border:3px solid #95c800;border-radius:13px;box-shadow:0 0 0 9999px rgba(9,18,12,.58),0 0 0 3px #fff;transition:top .15s ease,left .15s ease,width .15s ease,height .15s ease}
.designer-help-dialog{box-sizing:border-box;position:fixed;z-index:2;top:var(--help-panel-top,50%);left:var(--help-panel-left,50%);transform:translate(0,0);width:min(396px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:25px 23px 20px;background:#fff;color:#182119;border:1px solid #dbe6d0;border-radius:22px;box-shadow:0 26px 90px rgba(0,0,0,.3);pointer-events:auto;line-height:1.5;outline:none}
.designer-help-overlay.designer-help-no-target .designer-help-dialog{top:50%;left:50%;transform:translate(-50%,-50%)}
.designer-help-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:#f0f4e9;color:#25341f;font-size:25px;cursor:pointer}
.designer-help-kicker{padding-right:35px;color:#558600;font-weight:850;letter-spacing:.12em;font-size:11px}
.designer-help-dialog h2{margin:12px 34px 9px 0;font-size:clamp(23px,3vw,31px);line-height:1.12;letter-spacing:-.02em;text-transform:none;color:#131a14}
.designer-help-dialog>p{margin:0 0 20px;color:#4d5a50;font-size:14px;line-height:1.6;white-space:pre-line}
.designer-help-topics{display:grid;gap:8px;margin-bottom:18px}
.designer-help-topics details{border:1px solid #dfe7d8;border-radius:11px;background:#fbfcfa}
.designer-help-topics summary{padding:11px 13px;cursor:pointer;font-weight:750;font-size:13px;list-style-position:inside}
.designer-help-topics details p{margin:0;padding:0 13px 13px;color:#4d5a50;font-size:13px;line-height:1.55}
.designer-help-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:13px;border-top:1px solid #e6ebdf}
.designer-help-actions button{min-height:44px;padding:9px 15px;border-radius:11px;font:inherit;font-size:13px;font-weight:850;cursor:pointer}
.designer-help-secondary{border:1px solid #dbe3d4;background:#fff;color:#334132}
.designer-help-primary{border:1px solid #75ad00;background:#80b900;color:#111b0a}
.designer-help-dialog :focus-visible,.designer-help-trigger:focus-visible{outline:3px solid #79a900!important;outline-offset:3px}
@media(max-width:820px){
 .designer-page .designer-help-trigger{flex:0 0 42px;width:42px;min-height:42px;padding:0}
 .designer-page .designer-help-trigger .designer-help-question{display:grid!important}
 .designer-page .designer-help-trigger>span:not(.designer-help-question){display:none!important}
 .designer-help-dialog{width:calc(100vw - 24px);max-width:410px;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));padding:21px 18px 18px;border-radius:17px}
 .designer-help-dialog h2{font-size:clamp(23px,6vw,30px)}
 .designer-help-topics{max-height:40dvh;overflow-y:auto}
 .designer-help-actions{gap:6px}.designer-help-actions button{flex:1 1 auto}
}
@media(max-width:380px){.designer-help-dialog{padding:17px 14px}.designer-help-dialog h2{font-size:22px}.designer-help-actions button{padding:9px}}
@media(prefers-reduced-motion:reduce){.designer-help-spotlight{transition:none}}


/* v1.72 · Kundenkonto: Gespeicherte Designs bleiben innerhalb ihrer Bildkachel.
   Die gerenderte Produktansicht erhält ihren verfügbaren Platz, ohne die
   Metadaten/Schaltflächen zu überdecken. Ausschließlich "Meine Designs". */
.account-page .account-design-card{display:flex;flex-direction:column;min-width:0}
.account-page .account-design-preview{
  display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;box-sizing:border-box;width:100%;
  aspect-ratio:1 / 1;min-height:0;max-height:none;padding:12px;
  isolation:isolate;overflow:hidden;
}
.account-page .account-design-preview .cart-preview-output{
  display:block;position:relative;width:100%;height:100%;
  min-width:0;min-height:0;max-height:100%;overflow:hidden;
}
.account-page .account-design-preview .cart-preview-grid{
  display:grid;grid-template-columns:minmax(0,1fr);
  align-items:center;justify-items:center;
  width:100%;height:100%;min-height:0;overflow:hidden;
}
.account-page .account-design-preview .cart-preview-view{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;min-width:0;min-height:0;
  max-width:100%;max-height:100%;overflow:hidden;
}
.account-page .account-design-preview .cart-preview-stage{
  flex:0 0 auto;max-width:100%;max-height:100%;
  width:100%;height:auto;min-width:0;min-height:0;overflow:hidden;
}
.account-page .account-design-preview .cart-preview-product-canvas{
  display:block;width:100%;height:auto;max-width:100%;
}
.account-page .account-design-preview .cart-preview-flat-image{
  display:block;width:100%;height:100%;min-height:0;
  object-fit:contain;box-sizing:border-box;
}
.account-page .account-design-card-body{
  position:relative;z-index:1;flex:1 0 auto;min-width:0;
  background:#fbfcfa;
}

/* v1.74 · Nur die verschiebbaren Designer-Fenster auf Desktop: dunkler Kopfbereich
   mit sichtbarem Ziehgriff. Keine globalen Button-/Schriftgrößen und keine Mobile-Sheets. */
@media (min-width:1241px){
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-bar{
    box-sizing:border-box;min-height:58px;gap:8px;padding:10px 12px;
    border-bottom:1px solid #2b382d;background:#171e19;color:#fff;
    backdrop-filter:none;box-shadow:0 5px 13px rgba(1,4,5,.10);
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-heading{
    display:flex;align-items:center;gap:9px;min-width:0;flex:1 1 auto;
    color:#fff;pointer-events:none;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-heading strong{
    display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:#fff;font-size:21px;line-height:1.08;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-grip{
    box-sizing:border-box;display:grid;place-items:center;flex:0 0 31px;
    width:31px;height:31px;border:1px solid #485749;border-radius:9px;
    background:#303c31;color:#b3de69;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-grip .ui-icon{width:19px;height:19px}
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-drag-hint{
    color:#bfccbd;font-size:10px;font-weight:750;letter-spacing:.025em;white-space:nowrap;pointer-events:none;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-bar button[data-desktop-panel-close]{
    flex:0 0 34px;width:34px;height:34px;border:1px solid #495a4b;
    border-radius:10px;background:#303c32;color:#fff;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-bar button[data-desktop-panel-close]:hover{
    background:#465b46;border-color:#7caa46;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-bar button[data-desktop-panel-close]:focus-visible{
    outline:3px solid #a7d65c;outline-offset:2px;
  }
}

/* v1.75 · Kompakte Designer-Popups: Kopf und Inhalt dürfen nie breiter als
   das Fenster werden. Griffsymbol statt zusätzlichem „Ziehen“-Text. */
@media (min-width:1241px){
  .designer-shell-v2.designer-layout-compact .designer-tools-column.desktop-panel-active,
  .designer-shell-v2.designer-layout-compact .designer-config-column.desktop-panel-active{
    box-sizing:border-box;min-width:0;max-width:calc(100vw - 24px);
    grid-template-columns:minmax(0,1fr);
    overflow-x:hidden!important;overflow-y:auto!important;
    scrollbar-gutter:auto;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-bar{
    box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 34px;
    align-items:center;justify-content:stretch;gap:8px;
    min-width:0;max-width:calc(100% + 20px);width:auto;
    margin:-10px -10px 0;padding:10px 10px;overflow:hidden;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-heading{
    min-width:0;max-width:100%;overflow:hidden;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-heading strong{
    min-width:0;max-width:100%;font-size:19px;overflow:hidden;
    text-overflow:ellipsis;white-space:nowrap;
  }
  .designer-shell-v2.designer-layout-compact .designer-desktop-panel-bar button[data-desktop-panel-close]{
    display:grid;place-items:center;justify-self:end;
    box-sizing:border-box;min-width:34px;max-width:34px;
    flex:none;margin:0;padding:0;
  }
  .designer-shell-v2.designer-layout-compact .designer-tools-column.desktop-panel-active > *,
  .designer-shell-v2.designer-layout-compact .designer-config-column.desktop-panel-active > *{
    min-width:0;max-width:100%;
  }
  .designer-shell-v2.designer-layout-compact .designer-accordion,
  .designer-shell-v2.designer-layout-compact .designer-area-card,
  .designer-shell-v2.designer-layout-compact .designer-accordion-body,
  .designer-shell-v2.designer-layout-compact .designer-upload-zone{
    min-width:0;max-width:100%;
  }
}

/* v1.76 · Großüberschriften: genug Zeilenabstand für Antonio-Umlaute und i-Punkte.
   Nur typografische Überschriften; Designer-Bedienelemente, Buttons und Fließtext
   behalten ihre bisherigen Maße. Die Regel steht hinter den mobilen Overrides. */
:is(
  .home-hero h1,
  .section-heading h2,
  .section-head h2,
  .advantage-copy h2,
  .fulfillment-card h3,
  .home-final-cta h2,
  .site-footer-cta h2,
  .catalog-hero h1,
  .catalog-hero-new h1,
  .catalog-intro-row h2,
  .public-page-hero h1,
  .public-page-hero-new h1,
  .product-public-info h1,
  .product-detail-lower h2,
  .product-document-head h2,
  .richtext-public h2,
  .richtext-public h3,
  .page-end-cta h2,
  .store-public-layout-new .store-public-card h2,
  .designer-heading h1,
  .designer-share-dialog h2,
  .maintenance-modern h1,
  .cart-heading h1,
  .cart-item-head h2,
  .checkout-heading h1,
  .order-lead h1,
  .order-confirmation-copy h1,
  .legal-page-hero h1,
  .legal-content h2,
  .withdrawal-card h2,
  .account-auth-hero h1,
  .account-head h1,
  .account-section-head h2,
  .premium-story-copy h2,
  .catalog-seo-grid h2,
  .site-search-page-head h1,
  .public-not-found h1,
  .template-landing-copy h1,
  .template-gallery-hero h1,
  .template-gallery-result-head h2,
  .transfer-hero h1,
  .transfer-section-heading h2,
  .home-transfer-feature-copy h2,
  .home-transfer-teaser h2,
  .page-art-word
){line-height:max(1.16,var(--type-heading-line,1.16))!important}
@media(max-width:760px){
  :is(
    .home-page .home-hero h1,
    .home-hero h1,.section-heading h2,.section-head h2,.fulfillment-card h3,
    .catalog-hero-new h1,.public-page-hero-new h1,
    .richtext-public h2,.page-end-cta h2,
    .legal-page-hero h1,.legal-content h2,.withdrawal-card h2,.template-landing-copy h1,
    .template-gallery-hero h1,.template-gallery-result-head h2,
    .transfer-hero h1,.home-transfer-feature-copy h2
  ){line-height:max(1.2,var(--type-heading-line,1.2))!important}
}


/* v1.77 – QR-Code Generator */
.qr-generator{display:grid;gap:14px}.qr-generator textarea{width:100%;resize:vertical;min-height:82px}.qr-generator-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qr-generator-transparent{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#39413b}.qr-generator-transparent input{width:18px;height:18px;accent-color:var(--brand,#83bc00)}.qr-generator-preview{min-height:180px;border:1px dashed #cfd8ce;border-radius:16px;background:#f8faf7;display:grid;place-items:center;padding:18px;overflow:hidden}.qr-generator-preview>span{font-size:12px;color:#7b857d;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.qr-generator-preview svg{display:block;width:min(210px,70%);height:auto;max-height:210px;filter:drop-shadow(0 5px 12px rgba(17,31,22,.08))}.qr-generator-add{width:100%;justify-content:center}.designer-mobile-element-tabs [data-mobile-element-tool="qr"]{white-space:nowrap}
@media(max-width:640px){.qr-generator-colors{grid-template-columns:1fr}.qr-generator-preview{min-height:150px}.qr-generator-preview svg{width:min(180px,72%)}}

/* v1.78 – QR-Codes bleiben im eigenen Werkzeug; nur dessen Kacheln stylen. */
.designer-page .qr-library{min-width:0;display:grid;gap:10px;margin-top:12px;padding-top:16px;border-top:1px solid var(--line)}
.designer-page .qr-library-heading{display:grid;gap:4px;min-width:0}
.designer-page .qr-library-heading strong{font-size:14px}
.designer-page .qr-library-heading small{font-size:12px;line-height:1.45;color:var(--muted)}
.designer-page .qr-library-items{display:grid;gap:9px;min-width:0}
.designer-page .qr-library-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff}
.designer-page .qr-library-item>img{display:block;width:56px;height:56px;object-fit:contain;border-radius:6px;background:#f7f9f5}
.designer-page .qr-library-item-meta{display:grid;gap:2px;min-width:0}
.designer-page .qr-library-item-meta strong{font-size:13px}
.designer-page .qr-library-item-meta small{min-width:0;overflow-wrap:anywhere;font-size:11px;color:var(--muted)}
.designer-page .qr-library-item-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0}
.designer-page .qr-library-item-actions button{min-width:0;min-height:38px;white-space:normal;padding:6px;border:1px solid var(--line);border-radius:9px;background:#f7f9f5;color:var(--ink);font-size:12px;font-weight:700;cursor:pointer}
.designer-page .qr-library-item-actions button:hover{border-color:var(--green-text);background:var(--green-050)}
.designer-page .qr-library-item-actions button:disabled{opacity:.5;cursor:not-allowed}


/* Freigabeansicht: berührungsfreundlich auf Desktop, Tablet und in der mobilen Web-App. */
.designer-share-view{display:grid;gap:7px;margin:18px 0;min-width:0}
.designer-share-view strong{font-size:15px;font-weight:800}
.designer-share-view select{display:block;width:100%;min-width:0;min-height:48px;border:1px solid #cbd8c7;background:#fff;border-radius:12px;padding:10px 14px;color:#111512;font:inherit;font-size:15px}
.designer-share-view select:focus-visible{outline:3px solid #84bb16;outline-offset:2px}
.designer-share-view small{font-size:12px;line-height:1.45;color:#526058}

/* v1.82 – Gesperrte Freigabe: kompakte Bearbeitungswerkzeuge gar nicht erst öffnen.
   Farbwahl, Mengen, Preis, Ansichtwechsel und Warenkorb bleiben bedienbar. */
@media (min-width:1241px){
  .designer-shell-v2.designer-layout-compact.design-share-locked .designer-desktop-dock button:disabled,
  .designer-shell-v2.designer-layout-compact.design-share-locked .designer-desktop-dock button:disabled:hover{
    cursor:not-allowed!important;transform:none!important;opacity:.56;
    border-color:#dde4da;box-shadow:none;background:#f2f4f0;color:#69746e;
  }
  .designer-shell-v2.designer-layout-compact.design-share-locked .designer-desktop-dock button:disabled *,
  .designer-shell-v2.designer-layout-compact.design-share-locked .designer-desktop-dock button:disabled:hover *{cursor:not-allowed!important}
  .designer-shell-v2.designer-layout-compact.design-share-locked .designer-desktop-dock button:disabled .ui-icon{
    background:#e5e9e2;color:#69746e;
  }
}

/* v1.83 – Autosave: gespeichertes Textil inklusive Gestaltung statt unklarer Rückfrage. */
.designer-draft-restore-dialog{width:min(100%,650px)}
.designer-draft-restore-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:16px;margin:20px 0;padding:12px;border:1px solid #dce4d6;border-radius:17px;background:#f7f9f5}
.designer-draft-restore-picture{display:grid;place-items:center;min-width:0;min-height:180px;aspect-ratio:6/5;overflow:hidden;border-radius:12px;background:#f2f5ef}
.designer-draft-restore-picture img{display:block;width:100%;height:100%;max-height:240px;object-fit:contain}
.designer-draft-restore-picture img[hidden],.designer-draft-restore-picture [hidden]{display:none!important}
.designer-draft-restore-picture span{padding:18px;color:#526058;text-align:center;font-size:13px;line-height:1.5}
.designer-draft-restore-card .designer-draft-restore-meta{display:grid;gap:7px;min-width:0;margin:0;padding:5px 3px;background:transparent;border:0;font-size:13px;overflow-wrap:anywhere}
.designer-draft-restore-card .designer-draft-restore-meta strong{font-size:17px;line-height:1.35}
.designer-draft-restore-actions{grid-template-columns:1fr 1fr;margin-top:10px}
.designer-draft-restore-actions [data-draft-restore]{grid-column:1/-1}
.designer-draft-restore-actions button{min-width:0;white-space:normal;line-height:1.35}
.designer-draft-restore-actions button[hidden]{display:none!important}
.designer-draft-restore-dialog .designer-product-change-note{margin-top:14px!important}
@media(max-width:540px){
  .designer-draft-restore-dialog{padding:24px 18px calc(20px + env(safe-area-inset-bottom))!important}
  .designer-draft-restore-dialog h2{font-size:clamp(30px,8vw,40px)!important}
  .designer-draft-restore-card{grid-template-columns:1fr;gap:10px;margin:12px 0;padding:10px}
  .designer-draft-restore-picture{min-height:0;max-height:190px;aspect-ratio:6/4}
  .designer-draft-restore-picture img{max-height:190px}
  .designer-draft-restore-card .designer-draft-restore-meta{gap:3px;padding:0 3px;font-size:12px}
  .designer-draft-restore-card .designer-draft-restore-meta strong{font-size:15px}
  .designer-draft-restore-actions{grid-template-columns:1fr;gap:8px}
  .designer-draft-restore-actions [data-draft-restore]{grid-column:auto}
  .designer-draft-restore-actions button{min-height:44px;font-size:14px}
}

/* v1.88: editable object context menu lives outside the clipped product stage. */
.designer-object-menu[hidden]{display:none!important}
.designer-object-menu{position:fixed;z-index:10050;width:min(290px,calc(100vw - 16px));max-height:min(460px,calc(100vh - 16px));overflow:auto;padding:7px;background:#161d19;color:#fff;border:1px solid #354339;border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,.32);font:500 13px/1.4 Roboto,Arial,sans-serif}
.designer-object-menu-action{display:block;width:100%;min-height:40px;padding:10px 11px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.designer-object-menu-action:hover,.designer-object-menu-action:focus-visible{background:#304139;outline:2px solid transparent}
.designer-object-menu-action.is-danger{color:#ffc1bd;border-top:1px solid #354339;margin-top:4px}
.designer-object-menu-destination{display:grid;gap:7px;padding:10px 11px;border-top:1px solid #354339;font:inherit}
.designer-object-menu-destination select{width:100%;min-width:0;padding:9px;border-radius:7px;border:1px solid #6d8071;background:#fff;color:#17201b;font:inherit}

/* v1.90: In gesperrten Designfreigaben nie Druckflächen- oder Auswahlrahmen zeigen. */
.design-share-locked .customer-print-area,
.design-share-locked .customer-print-area.active-design-area,
.design-share-locked .customer-print-area:not(.active-design-area):hover{border-color:transparent!important;background:transparent!important;box-shadow:none!important;outline:0!important}
.design-share-locked .design-selection-overlay{display:none!important}
.design-share-locked [data-preview-toggle]{display:none!important}


/* v1.92 · Live-Versandkosten aus Backend-Versandarten / Filialen */
.shipping-price-disclosure{display:block;margin:5px 0 11px;color:var(--muted,#667168);font-size:11px;line-height:1.5}
.shipping-price-disclosure a,.product-public-price small a,.shipping-rates-more,.designer-delivery-note a{color:var(--green-text,#538400);text-decoration:underline;text-underline-offset:2px}
.product-card-meta a{display:inline-flex;align-items:center;gap:5px;border:1px solid #e1e6de;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:800;color:#5f6963;text-decoration:none;line-height:1.4}
.product-card-meta a:hover{border-color:var(--green,#80ba00)}
.product-card-meta a svg{width:14px;height:14px;color:var(--green-text,#538400)}
.shipping-rates-panel{margin:14px 0 8px;padding:20px;border:1px solid var(--line,#dfe5dc);border-radius:18px;background:#fff;color:var(--ink,#18221a);font-size:14px;line-height:1.5}
.shipping-rates-panel h2,.richtext-public .shipping-rates-panel h2{font-size:24px;line-height:1.2;margin:0 0 18px;text-transform:none}
.shipping-rates-panel h3,.richtext-public .shipping-rates-panel h3{font-size:15px;line-height:1.3;margin:17px 0 9px;text-transform:none}
.shipping-rates-panel p{font-size:13px;line-height:1.5;margin:10px 0}
.shipping-rates-list{display:grid;gap:8px}
.shipping-rate-row{display:flex;align-items:center;gap:11px;background:#f6f9f2;border:1px solid #e9efe4;border-radius:13px;padding:12px}
.shipping-rate-icon{display:grid;place-items:center;flex:0 0 33px;color:var(--green-text,#538400)}
.shipping-rate-icon svg{width:22px;height:22px}
.shipping-rate-copy{display:grid;gap:2px;min-width:0;flex:1}
.shipping-rate-copy strong{font-size:13px;overflow-wrap:anywhere}
.shipping-rate-copy small{font-size:12px;color:var(--muted,#667168);overflow-wrap:anywhere}
.shipping-rate-row>b{white-space:nowrap;font-size:13px}
.shipping-free-note{display:flex;align-items:flex-start;gap:8px;background:#eef7df;border-radius:12px;padding:12px;color:var(--ink,#18221a)}
.shipping-free-note svg{width:20px;height:20px;color:var(--green-text,#538400);flex-shrink:0}
.shipping-free-note span{display:grid;gap:3px}.shipping-free-note small{font-size:12px}
.shipping-rates-more{display:inline-block;margin-top:12px;font-size:12px;font-weight:750}
.shipping-rates-page{margin:0 0 35px;padding:clamp(20px,3vw,34px);box-shadow:var(--shadow-sm,0 5px 22px #17251a09)}
.richtext-public .shipping-rates-panel .shipping-country-note{color:var(--muted,#667168);font-size:12px}
@media(max-width:520px){.shipping-rates-panel{padding:14px}.shipping-rate-row{gap:8px;padding:10px}.shipping-rate-row>b{font-size:12px}.shipping-rate-copy small{font-size:11px}}

.home-hero-price-note{font-size:10px!important;letter-spacing:0!important;text-transform:none!important;font-weight:500!important;line-height:1.35;margin:3px 0 0}

/* v1.94 · Versandpreise als Dialog in der obersten Browser-Ebene (auch im Designer). */
.shipping-info-dialog:not([open]){display:none}
dialog.shipping-info-dialog{inset:0;margin:auto;width:min(560px,calc(100% - 28px));max-width:calc(100% - 28px);max-height:min(760px,calc(100dvh - 32px));padding:0;overflow-y:auto;border:1px solid #dce5d6;border-radius:22px;background:#fff;color:var(--ink,#18221a);box-shadow:0 32px 90px rgba(1,4,5,.3);overscroll-behavior:contain}
dialog.shipping-info-dialog::backdrop{background:rgba(1,4,5,.62);backdrop-filter:blur(4px)}
.shipping-info-dialog .shipping-rates-panel{margin:0;padding:clamp(18px,3vw,28px);border:0;border-radius:0;box-shadow:none}
.shipping-info-dialog .shipping-rates-panel h2{padding-right:45px}
.shipping-info-close{position:absolute;top:14px;right:14px;z-index:1;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #e0e7db;border-radius:50%;background:#f3f6f0;color:var(--ink,#18221a);cursor:pointer}
.shipping-info-close:hover{background:#e8f3d6}.shipping-info-close:focus-visible{outline:3px solid var(--green,#80ba00);outline-offset:3px}
.shipping-info-close svg{width:19px;height:19px}
@media(max-width:520px){dialog.shipping-info-dialog{max-height:calc(100dvh - 24px);border-radius:17px}.shipping-info-dialog .shipping-rates-panel{padding:19px 14px}.shipping-info-close{top:10px;right:10px}}