

.pro h3 {margin-top:  0}
.pro ul li, .pro ol li {   padding: 0px 0px 0px 18px; }

:root {
    --accent: #FF6F61;
    --black: #111111;
    --white: #ffffff;
    --gray-light: #f5f5f5;
    --gray-mid: #e0e0e0;
    --gray-text: #555;
  }
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
    background: var(--white);
    color: var(--black);
    line-height: 1.6;
  }
/* ── HERO ── */
  .hero {
    background: var(--black);
    color: var(--white);
    padding: 80px 40px 72px;
    position: relative;
    overflow: hidden;
  }
  .hero::before {
    content: '';
    position: absolute;
    top: -80px; right: -80px;
    width: 400px; height: 400px;
    background: var(--accent);
    opacity: .08;
    border-radius: 50%;
  }
  .hero-inner { max-width: 900px; margin: 0 auto; position: relative; }
  .hero-label {
    display: inline-block;
    border-left: 3px solid var(--accent);
    padding-left: 12px;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 20px;
  }
  .hero h1 {
    font-size: clamp(52px, 8vw, 100px);
    font-weight: 900;
    line-height: .95;
    text-transform: uppercase;
    letter-spacing: -1px;
  }
  .hero h1 span { color: var(--accent); }
  .hero-sub {
    margin-top: 20px;
    font-size: 18px;
    color: #aaa;
    font-weight: 500;
    letter-spacing: 1px;
  }
  .hero-tags {
    display: flex; flex-wrap: wrap; gap: 10px;
    margin-top: 32px;
  }
  .hero-tag {
    border: 1px solid rgba(255,111,97,.4);
    color: var(--accent);
    padding: 6px 16px;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
/* ── SECTIONS ── */
  section { padding: 72px 40px; }
  .section-inner { max-width: 1000px; margin: 0 auto; }
.section-title {
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    border-left: 3px solid var(--accent);
    padding-left: 16px;
    margin-bottom: 40px;
    line-height: 1.1;
  }
/* ── SERVICES GRID (Firemní textil etc.) ── */
  .services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1px;
    background: var(--gray-mid);
    border: 1px solid var(--gray-mid);
  }
  .service-card {
    background: var(--white);
    padding: 28px 24px;
    transition: background .2s;
  }
  .service-card:hover { background: #fdf6f5; }
  .service-card-num {
    font-size: 40px;
    font-weight: 900;
    color: var(--accent);
    line-height: 1;
    margin-bottom: 10px;
    opacity: .25;
  }
  .service-card h3 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 8px;
  }
  .service-card p {
    font-size: 14px;
    color: var(--gray-text);
  }
/* ── WHO IS IT FOR ── */
  .who-section { background: var(--gray-light); }
  .who-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
  }
  .who-card {
    background: var(--white);
    border-left: 3px solid var(--accent);
    padding: 22px 24px;
    transition: transform .2s, box-shadow .2s;
  }
  .who-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.07);
  }
  .who-card h3 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 6px;
  }
  .who-card p { font-size: 14px; color: var(--gray-text); }
/* ── PACKAGES ── */
  .packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
  }
  .package {
    border: 1px solid var(--gray-mid);
    padding: 32px 28px;
    position: relative;
    transition: border-color .2s;
  }
  .package:hover { border-color: var(--accent); }
  .package-name {
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--accent);
    line-height: 1;
    margin-bottom: 4px;
  }
  .package-qty {
    font-size: 13px;
    color: var(--gray-text);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--gray-mid);
  }
  .package-desc {
    font-size: 14px;
    color: var(--gray-text);
    margin-bottom: 14px;
  }
  .package-ideal {
    font-size: 12px;
    font-style: italic;
    color: #888;
  }
  .package-tag {
    display: inline-block;
    background: var(--black);
    color: var(--white);
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 4px 10px;
    position: absolute;
    top: -1px; right: 20px;
  }
/* ── WHY EUROPOSTERS ── */
  .why-section { background: var(--black); color: var(--white); }
  .why-section .section-title { color: var(--white); }
  .why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 24px;
  }
  .why-item {
    border-top: 2px solid var(--accent);
    padding-top: 16px;
  }
  .why-item h4 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 8px;
  }
  .why-item p { font-size: 14px; color: #aaa; }
/* ── PHOTO SHOWCASE ── */
  .showcase {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 420px;
    overflow: hidden;
  }
  .showcase.reverse { direction: rtl; }
  .showcase.reverse > * { direction: ltr; }
  .showcase-img {
    overflow: hidden;
    position: relative;
  }
  .showcase-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
  }
  .showcase:hover .showcase-img img { transform: scale(1.04); }
  .showcase-text {
    padding: 56px 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--white);
  }
  .showcase.dark .showcase-text { background: var(--black); color: var(--white); }
  .showcase-label {
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 14px;
    font-weight: 600;
  }
  .showcase-text h2 {
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.05;
    margin-bottom: 16px;
  }
  .showcase.dark .showcase-text h2 { color: var(--white); }
  .showcase-text p {
    font-size: 15px;
    color: var(--gray-text);
    line-height: 1.65;
  }
  .showcase.dark .showcase-text p { color: #aaa; }
  .showcase-bullets {
    margin-top: 20px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .showcase-bullets li {
    font-size: 14px;
    color: var(--gray-text);
    padding-left: 18px;
    position: relative;
  }
  .showcase.dark .showcase-bullets li { color: #aaa; }
  .showcase-bullets li::before {
    content: '';
    position: absolute;
    left: 0; top: 9px;
    width: 8px; height: 2px;
    background: var(--accent);
  }
  @media (max-width: 700px) {
    .showcase, .showcase.reverse {
      grid-template-columns: 1fr;
      direction: ltr;
    }
    .showcase-img { min-height: 240px; }
    .showcase-text { padding: 36px 24px; }
  }
/* ── CTA ── */
  .cta-section { background: var(--accent); color: var(--white); padding: 60px 40px; }
  .cta-inner { max-width: 700px; margin: 0 auto; text-align: center; }
  .cta-inner h2 {
    font-size: clamp(36px, 6vw, 64px);
    font-weight: 900;
    text-transform: uppercase;
    line-height: .95;
    margin-bottom: 16px;
  }
  .cta-inner p { font-size: 17px; opacity: .9; margin-bottom: 32px; }
  .cta-btn {
    display: inline-block;
    background: var(--black);
    color: var(--white);
    padding: 16px 40px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    transition: opacity .2s;
  }
  .cta-btn:hover { opacity: .8; }
@media (max-width: 600px) {
    section { padding: 48px 20px; }
    .hero { padding: 56px 20px 48px; }
  }



body{font-family:'Lexend Deca','Lexend Deca-fallback',sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ff6f61;outline-offset:5px}html{scroll-behavior:smooth;scroll-padding-top:28px}p{max-width:74ch}section{scroll-margin-top:25px}h1,h2,h3,h4{overflow-wrap:break-word}svg{display:block}button{cursor:pointer}.shop-shell{max-width:1320px;margin:auto;padding:28px 24px 0}.shop-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.shop-head img{width:190px;height:auto}.shop-head span{font-size:13px;color:#555}.crumb{font-size:12px;color:#777;padding:20px 0}.crumb a{text-decoration:none}.hero{padding:62px 40px 58px}.hero-inner{max-width:1000px}.hero h1{font-size:clamp(48px,7vw,88px)}.hero-sub{color:#ccc;font-size:20px;letter-spacing:0;max-width:670px}.hero-intro{max-width:640px;color:#bdbdbd;font-size:15px;margin-top:14px;line-height:1.75}.hero-tag{font-size:11px;padding:5px 12px}.hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 23px;background:#ff6f61;color:#111;border:1px solid #ff6f61;text-decoration:none;font-size:13px;font-weight:700;line-height:1.3}.btn svg{width:18px;height:18px}.btn:hover{background:#ff8a7f}.btn.light{background:transparent;border-color:#777;color:#fff}.btn.light:hover{border-color:#fff}.btn.black{background:#111;border-color:#111;color:#fff}.eyebrow{display:block;color:#ff6f61;font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;font-weight:600}.section-lead{font-size:16px;color:#555;margin-top:-18px;margin-bottom:28px}.section-title{font-size:clamp(29px,3.7vw,43px);margin-bottom:32px}.products-strip{background:#f5f5f5;padding:28px 22px 26px;border-bottom:1px solid #e0e0e0}.strip-label{text-align:center;color:#666;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:20px}.product-icons{display:grid;grid-template-columns:repeat(8,1fr);max-width:1100px;margin:auto;gap:8px}.product-icon{display:flex;align-items:center;flex-direction:column;text-align:center;text-decoration:none;padding:12px 6px;min-width:0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.product-icon:hover{color:#df4a3d;border-color:#ff6f61}.product-icon svg{width:40px;height:40px;margin-bottom:11px}.product-icon b{font-size:11px;line-height:1.4;font-weight:600;min-height:30px}.product-icon small{font-size:9px;background:#fff;border:1px solid #ddd;padding:2px 6px;color:#666;margin-top:7px}.paths{display:flex;justify-content:center;flex-wrap:wrap;gap:32px;padding:18px 24px;border-bottom:1px solid #e0e0e0}.paths a{font-size:12px;text-decoration:none}.paths a:hover{color:#c13c31}.showcase{min-height:440px}.showcase-text{padding:48px}.showcase-text h2{font-size:clamp(28px,3.4vw,42px)}.showcase-text .btn{align-self:flex-start;margin-top:25px}.showcase-text p{font-size:15px}.showcase-label{font-size:11px}.showcase-bullets{margin-top:16px}.showcase-img img{min-height:100%;max-height:560px;object-fit:cover}.showcase.dark .showcase-text p,.showcase.dark .showcase-bullets li{color:#bdbdbd}.quick-facts{background:#111;color:#fff;padding:32px 40px}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:1000px;margin:auto}.fact{border-top:2px solid #ff6f61;padding-top:14px}.fact strong{display:block;font-size:22px;line-height:1.25;margin-bottom:8px}.fact p{font-size:12px;color:#bbb}.catalogue{padding-bottom:54px}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}.product-detail{border-top:1px solid #ddd;padding:23px 0;scroll-margin-top:35px}.product-detail summary{display:flex;align-items:center;gap:15px;cursor:pointer;list-style:none;font-size:17px;font-weight:650}.product-detail summary::-webkit-details-marker{display:none}.product-detail summary svg{width:26px;height:26px;flex-shrink:0;color:#e55c50}.product-detail summary:after{content:'+';margin-left:auto;font-size:24px;font-weight:400}.product-detail[open] summary:after{content:'−'}.product-detail p{font-size:13px;color:#555;line-height:1.8;margin-top:13px;padding-left:41px}.product-detail .product-note{color:#666;font-size:11px;margin-top:8px}.tag{font-size:9px;padding:3px 7px;background:#f1f1f1;color:#666;white-space:nowrap;margin-left:auto}.product-detail .tag + *{margin-left:0}.dual{display:grid;grid-template-columns:1fr 1fr;gap:36px}.model{border-top:3px solid #ff6f61;padding:26px 0 0}.model .model-label{font-size:11px;color:#666;letter-spacing:1px;text-transform:uppercase}.model h3{font-size:26px;line-height:1.25;margin:13px 0}.model p{font-size:14px;color:#555;margin-bottom:16px}.plain-list{list-style:none;display:grid;gap:9px}.plain-list li{font-size:13px;display:flex;align-items:flex-start;gap:12px;color:#555}.plain-list li:before{content:'—';color:#c13c31}.white-label{background:#111;color:#fff}.white-label .section-title{color:#fff}.white-label .section-lead{color:#bbb}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.service-item{border-top:1px solid #4c4c4c;padding-top:20px}.service-item svg{width:28px;height:28px;color:#ff6f61;margin-bottom:17px}.service-item h3{font-size:17px;line-height:1.4;margin-bottom:10px}.service-item p{font-size:13px;color:#bbb;line-height:1.8}.wl-note{margin-top:30px;font-size:12px;color:#aaa;border-top:1px solid #444;padding-top:20px;max-width:none}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.step-num{font-size:42px;line-height:1;color:#ff6f61;opacity:.6;margin-bottom:20px;font-weight:750}.step h3{font-size:16px;margin-bottom:11px}.step p{font-size:13px;color:#555}.firms-label{background:#f5f5f5;padding:52px 40px}.firms-label .section-title{margin-bottom:18px}.firms-label p{color:#555;font-size:15px}.faq{background:#f5f5f5}.faq details{border-top:1px solid #ddd;padding:21px 0}.faq summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:22px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:#555;line-height:1.8;margin-top:15px;max-width:85ch}.cta-section{padding:55px 40px}.cta-inner{max-width:1000px;text-align:left}.cta-inner h2{font-size:clamp(32px,4vw,52px);color:#111}.cta-inner p{font-size:15px;max-width:58ch;margin-bottom:0;color:#111;opacity:1}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.contact-copy .eyebrow{color:#111}.contact-note{margin-top:23px;font-size:12px;max-width:42ch}.request-form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:11px;font-weight:600;margin-bottom:5px;color:#111}.field input,.field select,.field textarea{width:100%;background:#fff;border:1px solid transparent;color:#111;border-radius:0;min-height:44px;padding:10px 12px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #111;outline-offset:2px}.field textarea{min-height:85px;resize:vertical}.interest-box{border:0}.interest-box legend{font-size:11px;font-weight:600;margin-bottom:8px}.interest-choices{display:flex;flex-wrap:wrap;gap:7px}.interest-choices label{position:relative;display:flex;align-items:center;gap:6px;background:#fff8;border:1px solid #1113;font-size:11px;padding:6px 9px;cursor:pointer}.interest-choices label:has(input:checked){background:#fff;border-color:#111}.interest-choices input{accent-color:#111}.request-form .btn{justify-self:start;border-radius:0}.form-help{font-size:10px;color:#111;margin-top:0}.form-help a{text-underline-offset:2px}.form-message{font-size:12px;line-height:1.6;display:none;background:#fff;padding:12px}.form-message a{font-weight:700}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 40px;font-size:11px;color:#666}.foot img{width:140px}.proposal-notice{background:#f5f5f5;border-bottom:1px solid #ddd;text-align:center;padding:8px 20px;font-size:10px;color:#666}.proposal-notice a{text-underline-offset:3px}.consent{display:flex;gap:8px;font-size:10px;align-items:flex-start}.consent input{margin-top:3px;accent-color:#111}.consent a{text-underline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media(min-width:900px){.hero h1 br{display:none}.hero h1 span{display:block}.hero h1{letter-spacing:-2px}}
@media(max-width:950px){.product-icons{grid-template-columns:repeat(4,1fr);gap:12px}.product-icon b{min-height:auto}.showcase-text{padding:35px}.facts-grid{grid-template-columns:repeat(2,1fr)}.service-grid{gap:22px}.contact-layout{gap:30px}}
@media(max-width:700px){.shop-shell{padding:20px 16px 0}.shop-head img{width:150px}.shop-head span{font-size:11px;max-width:130px;text-align:right}.page{width:100%}.hero{padding:44px 24px}.hero h1{font-size:clamp(35px,9.2vw,64px);letter-spacing:-1px}.hero-sub{font-size:17px}.hero-intro{font-size:13px}.hero-tags{margin-top:22px;gap:7px}.hero-tag{font-size:9px;letter-spacing:.6px;padding:5px 8px}.hero-cta{gap:10px}.btn{font-size:11px;padding:14px 17px}.products-strip{padding:25px 14px}.product-icons{gap:10px 0}.product-icon{padding:10px 3px}.product-icon b{font-size:10px}.product-icon svg{width:33px;height:33px}.product-icon small{font-size:8px;padding:2px 4px}.paths{gap:18px}.paths a{font-size:11px}.showcase-text{padding:34px 24px}.showcase-img img{max-height:320px;min-height:240px}.quick-facts{padding:30px 24px}.facts-grid{gap:24px}.fact strong{font-size:19px}.fact p{font-size:11px}.product-details,.dual,.contact-layout{grid-template-columns:1fr}.product-detail summary{font-size:15px}.product-detail p{padding-left:0}.dual{gap:30px}.service-grid{grid-template-columns:1fr;gap:27px}.steps{grid-template-columns:1fr 1fr;gap:30px 22px}.step-num{font-size:34px;margin-bottom:14px}.step h3{font-size:14px}.step p{font-size:12px}.firms-label{padding:40px 24px}.contact-layout{gap:30px}.cta-section{padding:40px 24px}.cta-inner h2{font-size:35px}.form-row{grid-template-columns:1fr}.foot{padding:25px 24px;flex-wrap:wrap}.foot img{width:125px}.section-title{font-size:30px}.section-lead{font-size:14px}.tag{font-size:8px}.faq summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.creator-section{background:#111;color:#fff;padding:60px 40px;border-top:1px solid #333}.creator-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.creator-copy h2{font-size:clamp(38px,4.9vw,62px);font-weight:900;text-transform:uppercase;line-height:1.03;letter-spacing:-1px;margin-bottom:23px;color:#fff}.creator-copy h2 span{color:#ff6f61}.creator-copy>p{font-size:15px;line-height:1.75;color:#bdbdbd;max-width:55ch}.creator-audiences{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0}.creator-audiences span{border:1px solid #666;color:#eee;padding:5px 10px;font-size:10px;letter-spacing:.6px;text-transform:uppercase}.creator-benefits{display:grid;gap:16px;margin:26px 0}.creator-benefit{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start}.creator-benefit>span{color:#ff6f61;font-size:20px;line-height:1.1}.creator-benefit h3{font-size:14px;color:#fff;line-height:1.4;margin-bottom:4px; margin-top: 0}.creator-benefit p{font-size:12px;color:#bdbdbd;line-height:1.7}.creator-copy .btn{margin-top:5px}.creator-art{background:#ffe9e5;color:#111;padding:28px 22px;position:relative}.creator-art>svg{width:100%;height:auto;max-height:310px}.creator-art-label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#555;text-align:center;margin-bottom:8px}.creator-art h3{font-size:22px;line-height:1.3;text-align:center;margin:10px 0 20px}.creator-flow{display:grid;grid-template-columns:1fr 20px 1fr;gap:8px;align-items:center;border-top:1px solid #d7b4ae;padding-top:20px;text-align:center}.creator-flow div{font-size:12px;line-height:1.4}.creator-flow small{display:block;font-size:10px;color:#555;margin-top:5px}.creator-note{font-size:10px;color:#777;margin-top:20px;text-align:center;line-height:1.6}.creator-section .eyebrow{font-size:11px}
@media(max-width:800px){.creator-grid{gap:30px;grid-template-columns:1fr 1fr}.creator-copy h2{font-size:38px}.creator-art{padding:22px 16px}}
@media(max-width:700px){.creator-section{padding:40px 24px}.creator-grid{grid-template-columns:1fr}.creator-copy h2{font-size:42px}.creator-copy>p{font-size:14px}.creator-art{max-width:430px;width:100%;margin:auto}.creator-art>svg{max-height:250px}}




#top-menu { display: none !important; }
:root {
    --accent: #FF6F61;
    --black: #111111;
    --white: #ffffff;
    --gray-light: #f5f5f5;
    --gray-mid: #e0e0e0;
    --gray-text: #555;
  }
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
    background: var(--white);
    color: var(--black);
    line-height: 1.6;
  }
/* ── HERO ── */
  .hero {
    background: var(--black);
    color: var(--white);
    padding: 80px 40px 72px;
    position: relative;
    overflow: hidden;
  }
  .hero::before {
    content: '';
    position: absolute;
    top: -80px; right: -80px;
    width: 400px; height: 400px;
    background: var(--accent);
    opacity: .08;
    border-radius: 50%;
  }
  .hero-inner { max-width: 900px; margin: 0 auto; position: relative; }
  .hero-label {
    display: inline-block;
    border-left: 3px solid var(--accent);
    padding-left: 12px;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 20px;
  }
  .hero h1 {
    font-size: clamp(52px, 8vw, 100px);
    font-weight: 900;
    line-height: .95;
    text-transform: uppercase;
    letter-spacing: -1px;
  }
  .hero h1 span { color: var(--accent); }
  .hero-sub {
    margin-top: 20px;
    font-size: 18px;
    color: #aaa;
    font-weight: 500;
    letter-spacing: 1px;
  }
  .hero-tags {
    display: flex; flex-wrap: wrap; gap: 10px;
    margin-top: 32px;
  }
  .hero-tag {
    border: 1px solid rgba(255,111,97,.4);
    color: var(--accent);
    padding: 6px 16px;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
/* ── SECTIONS ── */
  section { padding: 72px 40px; }
  .section-inner { max-width: 1000px; margin: 0 auto; }
.section-title {
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    border-left: 3px solid var(--accent);
    padding-left: 16px;
    margin-bottom: 40px;
    line-height: 1.1;
  }
/* ── SERVICES GRID (Firemní textil etc.) ── */
  .services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1px;
    background: var(--gray-mid);
    border: 1px solid var(--gray-mid);
  }
  .service-card {
    background: var(--white);
    padding: 28px 24px;
    transition: background .2s;
  }
  .service-card:hover { background: #fdf6f5; }
  .service-card-num {
    font-size: 40px;
    font-weight: 900;
    color: var(--accent);
    line-height: 1;
    margin-bottom: 10px;
    opacity: .25;
  }
  .service-card h3 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 8px;
  }
  .service-card p {
    font-size: 14px;
    color: var(--gray-text);
  }
/* ── WHO IS IT FOR ── */
  .who-section { background: var(--gray-light); }
  .who-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
  }
  .who-card {
    background: var(--white);
    border-left: 3px solid var(--accent);
    padding: 22px 24px;
    transition: transform .2s, box-shadow .2s;
  }
  .who-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.07);
  }
  .who-card h3 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 6px;
  }
  .who-card p { font-size: 14px; color: var(--gray-text); }
/* ── PACKAGES ── */
  .packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
  }
  .package {
    border: 1px solid var(--gray-mid);
    padding: 32px 28px;
    position: relative;
    transition: border-color .2s;
  }
  .package:hover { border-color: var(--accent); }
  .package-name {
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--accent);
    line-height: 1;
    margin-bottom: 4px;
  }
  .package-qty {
    font-size: 13px;
    color: var(--gray-text);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--gray-mid);
  }
  .package-desc {
    font-size: 14px;
    color: var(--gray-text);
    margin-bottom: 14px;
  }
  .package-ideal {
    font-size: 12px;
    font-style: italic;
    color: #888;
  }
  .package-tag {
    display: inline-block;
    background: var(--black);
    color: var(--white);
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 4px 10px;
    position: absolute;
    top: -1px; right: 20px;
  }
/* ── WHY EUROPOSTERS ── */
  .why-section { background: var(--black); color: var(--white); }
  .why-section .section-title { color: var(--white); }
  .why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 24px;
  }
  .why-item {
    border-top: 2px solid var(--accent);
    padding-top: 16px;
  }
  .why-item h4 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 8px;
  }
  .why-item p { font-size: 14px; color: #aaa; }
/* ── PHOTO SHOWCASE ── */
  .showcase {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 420px;
    overflow: hidden;
  }
  .showcase.reverse { direction: rtl; }
  .showcase.reverse > * { direction: ltr; }
  .showcase-img {
    overflow: hidden;
    position: relative;
  }
  .showcase-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
  }
  .showcase:hover .showcase-img img { transform: scale(1.04); }
  .showcase-text {
    padding: 56px 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--white);
  }
  .showcase.dark .showcase-text { background: var(--black); color: var(--white); }
  .showcase-label {
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 14px;
    font-weight: 600;
  }
  .showcase-text h2 {
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.05;
    margin-bottom: 16px;
  }
  .showcase.dark .showcase-text h2 { color: var(--white); }
  .showcase-text p {
    font-size: 15px;
    color: var(--gray-text);
    line-height: 1.65;
  }
  .showcase.dark .showcase-text p { color: #aaa; }
  .showcase-bullets {
    margin-top: 20px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .showcase-bullets li {
    font-size: 14px;
    color: var(--gray-text);
    padding-left: 18px;
    position: relative;
  }
  .showcase.dark .showcase-bullets li { color: #aaa; }
  .showcase-bullets li::before {
    content: '';
    position: absolute;
    left: 0; top: 9px;
    width: 8px; height: 2px;
    background: var(--accent);
  }
  @media (max-width: 700px) {
    .showcase, .showcase.reverse {
      grid-template-columns: 1fr;
      direction: ltr;
    }
    .showcase-img { min-height: 240px; }
    .showcase-text { padding: 36px 24px; }
  }
/* ── CTA ── */
  .cta-section { background: var(--accent); color: var(--white); padding: 60px 40px; }
  .cta-inner { max-width: 700px; margin: 0 auto; text-align: center; }
  .cta-inner h2 {
    font-size: clamp(36px, 6vw, 64px);
    font-weight: 900;
    text-transform: uppercase;
    line-height: .95;
    margin-bottom: 16px;
  }
  .cta-inner p { font-size: 17px; opacity: .9; margin-bottom: 32px; }
  .cta-btn {
    display: inline-block;
    background: var(--black);
    color: var(--white);
    padding: 16px 40px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    transition: opacity .2s;
  }
  .cta-btn:hover { opacity: .8; }
@media (max-width: 600px) {
    section { padding: 48px 20px; }
    .hero { padding: 56px 20px 48px; }
  }


