
:root{
  --ink:#0a0a0a;
  --paper:#ffffff;
  --el:#4b2ff5;
  --el-dark:#2b16b8;
  --el-soft:#b9aefc;
  --el-pale:#ece8ff;
  --grey:#f4f4f1;
  --line:#0a0a0a;
  --disp:"Archivo",Arial,sans-serif;
  --body:"Space Grotesk","Segoe UI",Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;font-size:16.5px;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--el)}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}

.demo{
  background:var(--el);color:#fff;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;
  padding:8px 14px;font-size:14px;line-height:1.35;text-align:center;max-height:60px;overflow:hidden;
}
.demo a{
  background:#fff;color:var(--el-dark);font-weight:700;text-decoration:none;
  padding:4px 14px;border-radius:999px;font-size:13.5px;white-space:nowrap;
}
.demo a:hover{background:var(--el-pale)}

.hd{position:sticky;top:0;z-index:500;background:var(--paper);border-bottom:2px solid var(--line)}
.hd-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
.logo{font-family:var(--disp);font-weight:900;font-size:1.55rem;letter-spacing:-.03em;text-transform:uppercase;color:var(--ink);text-decoration:none;display:flex;align-items:baseline;gap:2px}
.logo b{color:var(--el)}
.nav{display:flex;gap:4px;align-items:center}
.nav a{font-family:var(--disp);font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:8px 13px;border-radius:999px}
.nav a:hover{background:var(--el-pale)}
.nav a.on{background:var(--ink);color:#fff}
.nav a.cta{background:var(--el);color:#fff}
.nav a.cta:hover{background:var(--el-dark)}
.burger{display:none;background:none;border:2px solid var(--ink);border-radius:10px;width:44px;height:40px;cursor:pointer;font-size:0;position:relative}
.burger::before,.burger::after{content:"";position:absolute;left:9px;right:9px;height:2.5px;background:var(--ink)}
.burger::before{top:13px}
.burger::after{bottom:13px}
.mnav{display:none;border-top:2px solid var(--line);background:var(--paper)}
.mnav.open{display:block}
.mnav a{display:block;padding:13px 22px;font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;color:var(--ink);text-decoration:none;border-bottom:1px solid #e6e6e2}
.mnav a:hover{background:var(--el-pale)}

.hero{padding:64px 0 40px;position:relative}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:800;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--el);margin-bottom:18px}
.hero-eyebrow::before{content:"";width:34px;height:3px;background:var(--el)}
.hero h1{font-family:var(--disp);font-weight:900;text-transform:uppercase;letter-spacing:-.035em;line-height:.92;font-size:clamp(3.1rem,11.5vw,8.6rem)}
.hero h1 .outline{color:transparent;-webkit-text-stroke:2.5px var(--ink)}
@supports not (-webkit-text-stroke:1px black){.hero h1 .outline{color:var(--el)}}
.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 34px;margin-top:34px}
.hero-meta p{max-width:440px;font-size:1.02rem;color:#3a3a38}
.hero-star{position:absolute;right:22px;top:52px;width:96px;height:96px;animation:spin 14s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.btn{display:inline-block;font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;text-decoration:none;border-radius:999px;padding:14px 28px;border:2px solid var(--ink);cursor:pointer;transition:transform .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-el{background:var(--el);border-color:var(--el);color:#fff}
.btn-el:hover{background:var(--el-dark);border-color:var(--el-dark)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#fff}
.btn-w{background:#fff;border-color:#fff;color:var(--ink)}

.marq{background:var(--ink);color:#fff;overflow:hidden;padding:14px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.marq-in{display:flex;white-space:nowrap;width:max-content;animation:marq 26s linear infinite}
.marq span{font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.95rem;padding:0 18px}
.marq i{font-style:normal;color:var(--el-soft);padding:0 4px}
@keyframes marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .marq-in{animation:none}
  .hero-star{animation:none}
}

.sec{padding:74px 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px;flex-wrap:wrap}
.sec-head h2{font-family:var(--disp);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.9rem,4.5vw,3rem);line-height:1}
.sec-head .num{font-family:var(--disp);font-weight:900;font-size:1rem;color:var(--el);letter-spacing:.2em;display:block;margin-bottom:8px}
.sec-link{font-family:var(--disp);font-weight:800;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:3px solid var(--el);padding-bottom:3px;white-space:nowrap}
.sec-link:hover{color:var(--el)}

.moz{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.moz-c{border:2px solid var(--ink);border-radius:18px;padding:26px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-height:230px;background:var(--paper);transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}
.moz-c:hover{transform:translate(-4px,-4px);box-shadow:7px 7px 0 var(--el)}
.moz-c.s7{grid-column:span 7}
.moz-c.s5{grid-column:span 5}
.moz-c.tall{min-height:320px}
.moz-c.inv{background:var(--ink);color:#fff}
.moz-c.el{background:var(--el);color:#fff;border-color:var(--el)}
.moz-c.el:hover{box-shadow:7px 7px 0 var(--ink)}
.moz-num{font-family:var(--disp);font-weight:900;font-size:4.2rem;line-height:.85;color:transparent;-webkit-text-stroke:2px currentColor;opacity:.9}
@supports not (-webkit-text-stroke:1px black){.moz-num{color:currentColor;opacity:.35}}
.moz-c h3{font-family:var(--disp);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1;margin:8px 0 6px}
.moz-tag{display:inline-block;font-family:var(--disp);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;border:1.5px solid currentColor;border-radius:999px;padding:3px 12px;margin-right:6px;margin-top:6px}
.moz-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--disp);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.moz-foot .arr{font-size:1.4rem;line-height:1}
.stav{display:inline-block;font-family:var(--disp);font-weight:800;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:4px 12px}
.stav.volno{background:#d9f2df;color:#116329}
.stav.posledni{background:#ffe9c7;color:#8a5300}
.stav.vyprodano{background:#f7d5d5;color:#a11a1a}
.inv .stav,.el .stav{filter:none}

.chor-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}
.chor{flex:0 0 260px;scroll-snap-align:start;border:2px solid var(--ink);border-radius:18px;overflow:hidden;background:var(--paper)}
.chor-img{aspect-ratio:1/1;background:linear-gradient(135deg,var(--el) 0%,var(--el-dark) 60%,var(--ink) 100%);position:relative;display:flex;align-items:center;justify-content:center}
.chor-img::after{content:"✦";color:rgba(255,255,255,.5);font-size:2.4rem}
.chor-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chor-body{padding:16px 18px 20px}
.chor-body h3{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:1.05rem;letter-spacing:-.01em}
.chor-body .role{font-size:.82rem;color:var(--el);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:2px 0 8px;font-family:var(--disp)}
.chor-body p{font-size:.88rem;color:#4a4a48}

.split{background:var(--ink);color:#fff}
.split-in{display:grid;grid-template-columns:1fr 1fr;gap:0}
.split-col{padding:70px 48px}
.split-col+.split-col{border-left:2px solid rgba(255,255,255,.18)}
.split-col h2{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1;margin-bottom:16px}
.split-col h2 span{color:var(--el-soft)}
.split-col p{color:#c9c9c5;max-width:430px;margin-bottom:24px}

.strip{background:var(--el);color:#fff;padding:56px 0}
.strip h2{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(1.6rem,3.6vw,2.5rem);line-height:1.05;margin-bottom:26px;max-width:760px}
.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.strip-it{border:2px solid rgba(255,255,255,.4);border-radius:16px;padding:20px 22px}
.strip-it svg{width:30px;height:30px;margin-bottom:12px}
.strip-it h3{font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:.95rem;letter-spacing:.05em;margin-bottom:6px}
.strip-it p{font-size:.9rem;color:#e4defc}

.page-head{padding:58px 0 34px;border-bottom:2px solid var(--line)}
.page-head h1{font-family:var(--disp);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.95;font-size:clamp(2.4rem,7.5vw,4.8rem)}
.page-head .hero-eyebrow{margin-bottom:12px}
.page-head p.lede{max-width:640px;margin-top:18px;color:#3a3a38;font-size:1.05rem}

.prg-block{border:2px solid var(--ink);border-radius:18px;margin-bottom:22px;overflow:hidden}
.prg-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;padding:22px 26px;border-bottom:2px solid var(--ink);background:var(--grey)}
.prg-top .pn{font-family:var(--disp);font-weight:900;font-size:1.4rem;color:var(--el)}
.prg-top h2{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(1.3rem,3vw,1.9rem);letter-spacing:-.01em}
.prg-top h2 a{color:inherit;text-decoration:none}
.prg-top h2 a:hover{color:var(--el)}
.prg-top .zanr{font-size:.85rem;color:#666;font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.prg-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:15px 26px;border-bottom:1px solid #e4e4e0}
.prg-row:last-child{border-bottom:0}
.prg-row .d{font-family:var(--disp);font-weight:800;min-width:170px}
.prg-row .c{color:#555;min-width:52px}
.prg-row .sp{flex:1}
.prg-row .btn{padding:9px 20px;font-size:.78rem}
.prg-row .soldout{font-family:var(--disp);font-weight:700;font-size:.8rem;color:#a11a1a;text-transform:uppercase;letter-spacing:.06em}

.det{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;padding:50px 0}
.det-img{border:2px solid var(--ink);border-radius:18px;overflow:hidden;background:linear-gradient(150deg,var(--el-pale),var(--el-soft) 55%,var(--el));aspect-ratio:3/2;position:relative}
.det-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.det-facts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}
.det h1{font-family:var(--disp);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.95;font-size:clamp(2.2rem,6vw,3.8rem)}
.det .popis{color:#3a3a38;margin-bottom:26px}
.term-list{display:flex;flex-direction:column;gap:10px}
.term{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;border:2px solid var(--ink);border-radius:14px;padding:13px 18px}
.term .d{font-family:var(--disp);font-weight:800}
.term .sp{flex:1}

.tick-lay{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:start;padding:44px 0 64px}
.tick-lay>*{min-width:0}
.pick{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.pick button{font-family:var(--disp);font-weight:700;font-size:.85rem;border:2px solid var(--ink);background:#fff;border-radius:999px;padding:9px 18px;cursor:pointer;text-transform:uppercase;letter-spacing:.03em}
.pick button.on{background:var(--ink);color:#fff}
.pick button:hover{border-color:var(--el);color:var(--el)}
.pick button.on:hover{color:#fff;border-color:var(--ink)}
.pick button:disabled{opacity:.45;cursor:not-allowed;text-decoration:line-through}
.plan-card{border:2px solid var(--ink);border-radius:18px;padding:24px}
.stage{background:var(--ink);color:#fff;text-align:center;font-family:var(--disp);font-weight:800;letter-spacing:.3em;text-transform:uppercase;font-size:.78rem;border-radius:8px;padding:8px;margin-bottom:22px}
.plan-wrap{overflow-x:auto;padding-bottom:6px}
.plan{display:flex;flex-direction:column;gap:7px;width:max-content;margin:0 auto}
.rada{display:flex;gap:6px;align-items:center}
.rl{width:22px;font-size:.68rem;color:#999;font-family:var(--disp);font-weight:700;text-align:right;flex:0 0 22px}
.st{width:25px;height:25px;border-radius:7px;border:0;cursor:pointer;padding:0;transition:transform .1s ease}
.st.a{background:var(--el)}
.st.b{background:var(--el-soft)}
.st:hover{transform:scale(1.18)}
.st.occ{background:#e3e3df;cursor:not-allowed}
.st.occ:hover{transform:none}
.st.sel{background:var(--ink);box-shadow:0 0 0 2.5px #fff inset,0 0 0 2px var(--ink)}
.legend{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;font-size:.85rem}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{width:16px;height:16px;border-radius:5px;display:inline-block}
.sum-card{border:2px solid var(--ink);border-radius:18px;padding:24px;position:sticky;top:84px}
.sum-card h2{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:1.25rem;margin-bottom:6px}
.sum-sub{font-size:.9rem;color:#555;margin-bottom:16px}
.sum-list{list-style:none;margin-bottom:14px}
.sum-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed #d8d8d4;font-size:.94rem}
.sum-list .rm{background:none;border:0;color:#a11a1a;cursor:pointer;font-size:1rem;line-height:1;padding:0 0 0 6px}
.sum-tot{display:flex;justify-content:space-between;font-family:var(--disp);font-weight:900;font-size:1.2rem;padding:12px 0 18px}
.sum-note{font-size:.82rem;color:#666;margin-top:14px}
.sum-empty{color:#888;font-size:.92rem;padding:10px 0 16px}
.btn-buy{width:100%;text-align:center;font-size:1rem}
.btn-buy:disabled{opacity:.4;cursor:not-allowed;transform:none}

.ws-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:10px}
.ws{border:2px solid var(--ink);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:10px}
.ws .when{font-family:var(--disp);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--el)}
.ws h3{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:1.25rem;line-height:1.1}
.ws p{font-size:.92rem;color:#4a4a48;flex:1}
.ws .cena{font-family:var(--disp);font-weight:900;font-size:1.15rem}
.rez-box{border:2px solid var(--ink);border-radius:18px;background:var(--ink);color:#fff;padding:40px;margin-top:34px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.rez-box h2{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(1.4rem,3vw,2rem);line-height:1.05}
.rez-box p{color:#c9c9c5;max-width:520px}

.kont-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:48px 0 64px;align-items:start}
.kont-card{border:2px solid var(--ink);border-radius:18px;padding:30px}
.kont-card h2{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:1.3rem;margin-bottom:14px}
.kont-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:.98rem}
.kont-card dt{font-family:var(--disp);font-weight:700;color:#666;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;padding-top:2px}
.kont-card dd a{color:var(--el);font-weight:600;text-decoration:none}
.kont-card dd a:hover{text-decoration:underline}
.map-box{border:2px solid var(--ink);border-radius:18px;overflow:hidden}
.map-box iframe{display:block;width:100%;height:380px;border:0}

.ft{background:var(--ink);color:#fff;padding:60px 0 30px;margin-top:0}
.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.18)}
.ft .logo{color:#fff;font-size:1.8rem}
.ft p{color:#b9b9b5;font-size:.92rem;max-width:340px;margin-top:12px}
.ft h3{font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:.82rem;letter-spacing:.14em;color:var(--el-soft);margin-bottom:14px}
.ft ul{list-style:none}
.ft ul li{margin-bottom:9px}
.ft ul a{color:#e6e6e2;text-decoration:none;font-size:.95rem}
.ft ul a:hover{color:var(--el-soft)}
.ft-btm{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:22px;font-size:.82rem;color:#8b8b87}
.ft-btm a{color:#b9b9b5;text-decoration:none}
.ft-btm a:hover{color:#fff}

.mod-ov{position:fixed;inset:0;background:rgba(10,10,10,.65);display:none;align-items:center;justify-content:center;z-index:2000;padding:20px}
.mod-ov.on{display:flex}
.mod{background:#fff;color:var(--ink);max-width:470px;width:100%;border:3px solid var(--ink);border-radius:18px;padding:30px;box-shadow:10px 10px 0 var(--el)}
.mod h2{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:1.25rem;margin-bottom:12px;color:var(--el-dark)}
.mod p{font-size:.98rem;margin-bottom:20px}
.mod .btn{width:100%;text-align:center}

.ctl-body{background:#0b0b10;color:#eceef2;min-height:100vh;font-family:var(--body)}
.ctl-shell{max-width:430px;margin:0 auto;padding:26px 18px 60px}
.ctl-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}
.ctl-top .logo{color:#fff;font-size:1.2rem}
.ctl-top .back{color:#9aa0ae;text-decoration:none;font-size:.85rem}
.ctl-top .back:hover{color:#fff}
.ctl-hd h1{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:1.5rem;letter-spacing:-.01em}
.ctl-hd p{color:#9aa0ae;font-size:.9rem;margin:8px 0 22px}
.ctl-form{display:flex;gap:10px;margin-bottom:16px}
.ctl-form input{flex:1;background:#16161e;border:2px solid #2c2c38;border-radius:12px;color:#fff;font-family:var(--body);font-size:1.05rem;letter-spacing:.06em;padding:14px 16px;text-transform:uppercase;min-width:0}
.ctl-form input:focus{outline:none;border-color:var(--el)}
.ctl-form button{background:var(--el);color:#fff;border:0;border-radius:12px;font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;padding:0 22px;cursor:pointer}
.ctl-form button:hover{background:var(--el-dark)}
.ctl-res{border-radius:14px;padding:20px;margin-bottom:22px;display:none}
.ctl-res.ok{display:block;background:#0d2b18;border:2px solid #1f7a43}
.ctl-res.err{display:block;background:#331014;border:2px solid #a12934}
.ctl-res h2{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:1.1rem;margin-bottom:8px}
.ctl-res.ok h2{color:#5fe08d}
.ctl-res.err h2{color:#ff8b95}
.ctl-res p{font-size:.92rem;color:#cfd3da}
.ctl-res .detail{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.2);font-size:.88rem;color:#9aa0ae}
.ctl-samples h3{font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:#9aa0ae;margin-bottom:12px}
.ctl-samples button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;background:#16161e;border:1.5px solid #2c2c38;border-radius:12px;color:#eceef2;font-family:var(--body);font-size:.92rem;padding:12px 16px;margin-bottom:9px;cursor:pointer;text-align:left}
.ctl-samples button:hover{border-color:var(--el)}
.ctl-samples code{font-family:"Menlo","Consolas",monospace;letter-spacing:.05em}
.ctl-samples .tag{font-size:.72rem;color:#9aa0ae;white-space:nowrap}
.ctl-note{margin-top:26px;font-size:.82rem;color:#7c8290;border-top:1px solid #23232d;padding-top:18px}

.ph{position:relative;overflow:hidden}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

@media (max-width:920px){
  .nav{display:none}
  .burger{display:block}
  .moz-c.s7,.moz-c.s5{grid-column:span 12}
  .split-in{grid-template-columns:1fr}
  .split-col{padding:52px 26px}
  .split-col+.split-col{border-left:0;border-top:2px solid rgba(255,255,255,.18)}
  .strip-grid{grid-template-columns:1fr}
  .det{grid-template-columns:1fr;gap:28px}
  .tick-lay{grid-template-columns:1fr}
  .sum-card{position:static}
  .ws-grid{grid-template-columns:1fr}
  .kont-grid{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr;gap:26px}
  .hero-star{width:64px;height:64px;top:30px}
}
@media (max-width:520px){
  .hero{padding:44px 0 30px}
  .sec{padding:54px 0}
  .prg-row .d{min-width:0}
}
