/* =====================================================================
   ULLH WEAR v3 — tmavý hero/hlavička/patička + bílé obsahové sekce
   /user/documents/ullh.css  ·  obrázky zatím externí (Higgsfield)
   ===================================================================== */
:root{
  --u-blue:#1F3BFF; --u-vio:#8A2BE2; --u-mag:#E11D8F;
  --u-grad:linear-gradient(90deg,var(--u-blue),var(--u-vio) 50%,var(--u-mag));
  --u-ink:#0B0D1A; --u-ink2:#13162B; --u-text:#171A27; --u-muted:#6B7085;
  --u-line:#E4E6EF; --u-mist:#F4F5F9; --u-line-d:rgba(255,255,255,.1);
  --u-f:"Barlow",system-ui,-apple-system,Segoe UI,sans-serif;
  --u-fd:"Barlow Condensed","Barlow",system-ui,sans-serif;
  --u-r:18px; --u-pill:999px; --u-w:1360px;
  --u-sh:0 10px 30px rgba(11,13,26,.08); --u-sh-h:0 22px 50px rgba(11,13,26,.18);
  --u-img-hero:url("https://d8j0ntlcm91z4.cloudfront.net/user_3EwD6kYV2tesu7mnuCGLlgrK85K/hf_20260909_110427_7df2212c-0064-474a-bb0b-384369f4bee2.png");
  --u-img-hero-m:url("https://d8j0ntlcm91z4.cloudfront.net/user_3EwD6kYV2tesu7mnuCGLlgrK85K/hf_20260909_110426_ae04896d-d228-4a22-bb1f-f2cb29a03094.png");
  --u-img-cat:url("https://d8j0ntlcm91z4.cloudfront.net/user_3EwD6kYV2tesu7mnuCGLlgrK85K/hf_20260909_110426_9314699f-a953-44a1-81a6-ce3d1cb543af.png");
  --u-img-camp:url("https://d8j0ntlcm91z4.cloudfront.net/user_3EwD6kYV2tesu7mnuCGLlgrK85K/hf_20260909_110426_ea739838-dc81-4c07-bdd0-6fe47719ece0.png");
}
@keyframes u-shift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
@keyframes u-glow{0%,100%{box-shadow:0 10px 28px rgba(31,59,255,.35)}50%{box-shadow:0 10px 32px rgba(225,29,143,.5)}}
@keyframes u-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes u-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ---------- 1. Základ (světlý obsah, tmavé rámování) ---------- */
html.ux body{font-family:var(--u-f);color:var(--u-text);font-size:clamp(15px,.4vw + 13px,17px);line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased}
.ux h1,.ux h2,.ux h3,.ux h4,.ux .h1,.ux .h2,.ux .h3,.ux .h4,.ux .name,.ux .title,.ux .box-title{font-family:var(--u-fd)!important;font-weight:800;letter-spacing:.01em;line-height:1.02;color:var(--u-ink)}
.ux a{color:var(--u-blue);text-decoration:none}.ux a:hover{color:var(--u-mag)}
.ux .container{max-width:var(--u-w)}
.u-container{max-width:var(--u-w);margin:0 auto;padding:0 24px}
.u-bleed{width:100vw;margin-left:calc(50% - 50vw)}
.u-kicker{display:inline-block;font-family:var(--u-fd);font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:.9rem;color:var(--u-muted);margin:0 0 12px}
.u-kicker--w{color:rgba(255,255,255,.7)}
.u-h2{font-size:clamp(2.2rem,4.5vw,3.4rem);text-transform:uppercase;margin:0 0 30px;line-height:1}
.u-lead{font-size:1.15rem;color:var(--u-muted);max-width:60ch;margin:0 0 28px}
::selection{background:var(--u-mag);color:#fff}

/* ---------- 2. Tlačítka ---------- */
.ux .btn,.ux button.btn,.u-btn{border-radius:var(--u-pill);font-family:var(--u-fd);font-weight:800;font-size:1.05rem;letter-spacing:.07em;text-transform:uppercase;border:0;line-height:1.1;transition:transform .15s,filter .15s,box-shadow .15s}
.ux .btn-primary,.ux .btn-conversion,.ux .btn-cart,.ux .add-to-cart-button,.ux .p .p-tools .btn,.u-btn{background:var(--u-grad)!important;background-size:200% 200%!important;animation:u-shift 4s ease infinite,u-glow 2.4s ease infinite;color:#fff!important;padding:15px 30px;display:inline-block}
.ux .btn-primary:hover,.ux .btn-conversion:hover,.ux .add-to-cart-button:hover,.u-btn:hover{filter:brightness(1.1);transform:translateY(-2px);color:#fff!important}
.u-btn--ghost{background:transparent!important;color:#fff!important;animation:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.u-btn--ghost:hover{background:#fff!important;color:var(--u-ink)!important;box-shadow:none}
.ux .btn-default,.ux .btn-secondary{background:#fff!important;color:var(--u-ink)!important;box-shadow:inset 0 0 0 2px var(--u-ink)}

/* ---------- 3. Hlavička (tmavá) ---------- */
.ux #header{background:rgba(11,13,26,.94)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--u-line-d);box-shadow:none}
.ux.sticky-header #header,.ux #header{position:sticky;top:0;z-index:100}
.ux #header *,.ux #header div{background-color:transparent}
.ux .site-name img{max-height:64px}
.ux #header .container,.ux #header .header-top{min-height:92px;display:flex;align-items:center}
html.ux,html.ux body{overflow-x:hidden}
.ux #navigation .navigation-in>ul>li>a,.ux .navigation-in>ul>li>a{font-family:var(--u-fd)!important;font-weight:800;text-transform:uppercase;font-size:1.5rem!important;letter-spacing:.05em;color:#fff!important;position:relative;padding:28px 10px!important}
@media(max-width:1500px){.ux #navigation .navigation-in>ul>li>a,.ux .navigation-in>ul>li>a{font-size:1.25rem!important;padding:28px 8px!important}}
.ux .navigation-in>ul>li>a:after{content:"";position:absolute;left:10px;right:10px;bottom:16px;height:3px;border-radius:3px;background:var(--u-grad);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.ux .navigation-in>ul>li>a:hover:after,.ux .navigation-in>ul>li.active>a:after,.ux .navigation-in>ul>li.exp>a:after{transform:scaleX(1)}
.ux .navigation-in>ul>li>a[href*="obchodni-podminky"],.ux .navigation-in>ul>li>a[href*="kontakty"]{display:none!important}
.ux .navigation-in ul ul,.ux .navigation-in ul ul li{background:var(--u-ink2)!important}
.ux .navigation-in ul ul{border:1px solid var(--u-line-d);border-radius:14px;padding:8px}
.ux .navigation-in ul ul a{color:#fff!important;font-family:var(--u-fd);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ux #header a,.ux #header button,.ux #header .toggle-window,.ux #header [class*="icon"],.ux #header .navigation-in>ul>li>a,.ux #header .navigation-in>ul>li.ext>a,.ux #header .navigation-in>ul>li.ext>a:after{color:#fff!important}
.ux #header .place-cart-here>a,.ux #header .place-cart-here .cart-widget-button,.ux #header .cart-icon,.ux #header .toggle-window.cart{background:transparent!important;background-image:none!important;width:auto!important;height:auto!important;min-width:0!important;line-height:1!important;padding:0 6px!important;border-radius:0!important;box-shadow:none!important}
.ux #header .cart-count{position:relative;top:-10px;left:-4px;background:var(--u-mag)!important;color:#fff!important;border-radius:50%;font-weight:800;font-size:.75rem;min-width:20px;height:20px;line-height:20px;text-align:center;padding:0 5px;display:inline-block}
.ux #navigation .navigation-in>ul{text-align:center}
.ux .navigation-in>ul>li.ext>a{font-family:var(--u-fd)!important;font-weight:800;text-transform:uppercase;font-size:1.3rem!important;letter-spacing:.06em}
.ux .cart-count{background:var(--u-mag)!important;color:#fff!important;border-radius:50%;font-weight:800}
.ux .search-form input,.ux .search-form .form-control{background:var(--u-ink2)!important;border:1px solid var(--u-line-d);color:#fff!important;border-radius:var(--u-pill)}
@media(max-width:991px){
  .ux #navigation,.ux .navigation-in,.ux .menu-helper,.ux .navigation-window,.ux .navigation-in ul{background:var(--u-ink)!important}
  .ux .navigation-in>ul>li>a{font-size:1.5rem!important;padding:14px 22px!important;border-bottom:1px solid var(--u-line-d)}
  .ux .navigation-in>ul>li>a:after{display:none}
}
.ux.type-index .u-hide{display:none!important}
.ux .welcome-wrapper,.ux .welcome,.ux .top-products-wrapper,.ux .box-payments,.ux .news-wrapper{display:none!important}

/* ---------- 4. HP: Hero (tmavý, přes celou šířku) ---------- */
.u-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:min(88vh,820px);display:flex;align-items:flex-end;overflow:hidden;background:#000 var(--u-img-hero) center/cover no-repeat;color:#fff}
.u-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,26,.88) 0%,rgba(11,13,26,.5) 45%,rgba(11,13,26,0) 70%),linear-gradient(180deg,rgba(11,13,26,.35),rgba(11,13,26,0) 40%,rgba(11,13,26,.6))}
.u-hero .u-container{position:relative;z-index:1;padding-bottom:64px;padding-top:110px;width:100%}
.u-hero .u-kicker{animation:u-rise .7s ease both}
.u-hero h1{color:#fff;font-size:clamp(3.4rem,9vw,8.4rem);line-height:.9;text-transform:uppercase;margin:0 0 20px;max-width:12ch;animation:u-rise .7s .1s ease both}
.u-hero h1 em{font-style:normal;background:var(--u-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.u-hero p{font-size:1.2rem;color:rgba(255,255,255,.85);max-width:46ch;margin:0 0 30px;line-height:1.5;animation:u-rise .7s .2s ease both}
.u-hero .u-cta{display:flex;gap:14px;flex-wrap:wrap;animation:u-rise .7s .3s ease both}
.u-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--u-grad)}
@media(max-width:767px){
  .u-hero{background-image:var(--u-img-hero-m);min-height:92vh}
  .u-hero:before{background:linear-gradient(180deg,rgba(11,13,26,.25),rgba(11,13,26,.05) 40%,rgba(11,13,26,.92) 78%,var(--u-ink))}
  .u-hero .u-container{padding:0 20px 36px}.u-hero h1{font-size:3.6rem}.u-hero p{font-size:1.05rem}
}

/* ---------- 5. Marquee (tmavý pruh) ---------- */
.u-marquee{overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);padding:16px 0;background:var(--u-ink)!important;border-bottom:1px solid var(--u-line-d)}
.u-marquee .u-track{display:flex;width:max-content;animation:u-marquee 30s linear infinite;white-space:nowrap}
.u-marquee span{font-family:var(--u-fd);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:1.1rem;padding:0 26px;color:rgba(255,255,255,.55)}
.u-marquee span b{color:#fff}.u-marquee span i{font-style:normal;color:var(--u-mag);padding-left:26px}
.u-marquee:hover .u-track{animation-play-state:paused}

/* ---------- 6. HP: Vyber svůj tým (světlá sekce) ---------- */
.u-teams{background:var(--u-mist)!important;padding:72px 0}
.u-teams-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}
.u-team{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;aspect-ratio:1/1;border-radius:var(--u-r);background:#fff!important;border:1px solid var(--u-line);color:var(--u-ink)!important;font-family:var(--u-fd);font-weight:800;font-size:1.25rem;letter-spacing:.08em;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.u-team:after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--u-c,var(--u-grad))}
.u-team img{width:60%;height:60%;object-fit:contain;transition:transform .25s}
.u-team span{position:relative}
.u-team:hover{transform:translateY(-4px);box-shadow:var(--u-sh-h);color:var(--u-ink)!important}
.u-team:hover img{transform:scale(1.08)}
@media(max-width:991px){.u-teams-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:575px){.u-teams{padding:48px 0}.u-teams-grid{grid-template-columns:repeat(3,1fr);gap:10px}.u-team{font-size:1rem;gap:8px}}

/* ---------- 7. Produkty (bílá sekce) ---------- */
.ux .homepage-box .title,.ux .homepage-products-heading,.ux h2.h4,.ux .products-related-header{font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;margin:0 0 24px}
.ux .shp-tabs-holder{margin-top:72px}
.ux .shp-tabs{border:0;display:flex;justify-content:center;gap:10px;margin-bottom:36px}
.ux .shp-tabs>li>a{font-family:var(--u-fd);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:1.1rem;color:var(--u-muted)!important;border:2px solid var(--u-line)!important;border-radius:var(--u-pill);background:#fff!important;padding:10px 24px;margin:0}
.ux .shp-tabs>li.active>a{background:var(--u-ink)!important;border-color:var(--u-ink)!important;color:#fff!important}
.ux .shp-tabs>li.active>a:after{display:none}
.ux .homepage-box{padding:0}
.ux .products-block{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.ux .products-block .product{width:auto!important;max-width:none;float:none;margin:0}
.ux .product,.ux .product .p,.ux .p{border:0!important;background:transparent!important;box-shadow:none}
.ux .product .p{display:flex;flex-direction:column;padding:0;height:100%}
.ux .p .image{display:block;border-radius:var(--u-r);overflow:hidden;background:var(--u-mist)!important;aspect-ratio:3/4;position:relative;padding:0!important;border:1px solid var(--u-line)}
html.ux .products-block .product .p .image img,html.ux .u-grid .product .p .image img,.ux .p .image img{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;max-width:none!important;padding:0!important;margin:0!important;object-fit:cover!important;object-position:center top;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ux .p:hover .image img{transform:scale(1.05)}
.ux .p .name{min-height:0!important;height:auto!important;margin:16px 0 4px;padding:0!important;text-align:left}
.ux .p .p-in,.ux .p .p-in-in,.ux .p .p-bottom,.ux .p .prices{padding:0!important;margin:0!important;min-height:0!important}
.ux .p .name a,.ux .p .name span{font-family:var(--u-fd);font-size:1.4rem;font-weight:800;color:var(--u-ink)!important;text-transform:uppercase;letter-spacing:.02em;text-decoration:none!important;line-height:1.1}
.ux .p .name a:hover{color:var(--u-mag)!important}
.ux .p .p-desc,.ux .p .ratings-wrapper,.ux .p .availability,.ux .p .p-bottom .flags,.ux .p .p-code{display:none!important}
.ux .p .price{min-height:0!important;margin:2px 0 0!important;padding:0!important;text-align:left}
.ux .p .price-final,.ux .p .price-final strong{font-family:var(--u-fd);font-size:1.45rem;font-weight:800;color:var(--u-ink)!important}
.ux .p .price-standard{color:var(--u-muted)!important;text-decoration:line-through;font-size:.95rem}
.ux .p .p-bottom{margin-top:auto}
.ux .p .p-tools{margin-top:12px!important;padding:0!important;position:static!important;opacity:1!important;transform:none!important}.ux .p .p-tools form,.ux .p .p-tools .add-to-cart{width:100%;display:block}
.ux .p .p-tools .btn{width:100%!important;display:block!important;text-align:center;padding:14px 14px;font-size:1.05rem;animation:u-shift 4s ease infinite;box-shadow:none;margin:0!important}
.ux .p .p-tools .u-variant{background:#fff!important;color:var(--u-ink)!important;box-shadow:inset 0 0 0 2px var(--u-ink)!important;animation:none}
.ux .p .flags{position:absolute;top:12px;left:12px;z-index:2}
.ux .flag{border-radius:var(--u-pill);font-family:var(--u-fd);font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:.06em;padding:5px 11px;background:var(--u-ink)!important;color:#fff!important}
.ux .flag.flag-action,.ux .flag.flag-discount{background:var(--u-mag)!important}.ux .flag.flag-new{background:var(--u-blue)!important}
@media(max-width:991px){.ux .products-block{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:575px){.ux .products-block{gap:12px}.ux .p .name a{font-size:1.15rem}.ux .p .price-final,.ux .p .price-final strong{font-size:1.2rem}.ux .p .p-tools .btn{padding:11px 10px;font-size:.9rem}}

/* ---------- 8. HP: Kampaň (tmavý akcent) ---------- */
.u-camp{margin:80px auto 0;border-radius:28px;overflow:hidden;position:relative;min-height:560px;display:flex;align-items:center;background:#0B0D1A var(--u-img-camp) center/cover no-repeat;color:#fff;box-shadow:var(--u-sh-h)}
.u-camp:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,26,.88),rgba(11,13,26,.3) 55%,rgba(11,13,26,0))}
.u-camp .u-in{position:relative;padding:64px;max-width:660px}
.u-camp h2{color:#fff;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.9;text-transform:uppercase;margin:0 0 18px}
.u-camp h2 em{font-style:normal;background:var(--u-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.u-camp p{color:rgba(255,255,255,.82);font-size:1.15rem;max-width:46ch;margin:0 0 26px}
@media(max-width:767px){.u-camp{min-height:520px;align-items:flex-end;border-radius:20px;margin-top:56px}.u-camp:before{background:linear-gradient(180deg,rgba(11,13,26,.05),rgba(11,13,26,.92))}.u-camp .u-in{padding:28px 22px}}

/* ---------- 9. Benefity (světlé karty) ---------- */
.ux .benefitBanner{background:transparent!important;padding:64px 0 0;margin:0}
.ux .benefitBanner .container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ux .benefitBanner-item{border:1px solid var(--u-line)!important;background:var(--u-mist)!important;border-radius:var(--u-r);padding:20px 22px;display:flex;gap:16px;align-items:center;width:auto!important;margin:0!important}
.ux .benefitBanner-item img,.ux .benefitBanner-item svg{width:44px;height:44px;background:#fff!important;border-radius:12px;padding:8px;border:1px solid var(--u-line)}
.ux .benefitBanner-item strong{font-family:var(--u-fd);font-weight:800;color:var(--u-ink);font-size:1.2rem;text-transform:uppercase;letter-spacing:.03em;display:block}
.ux .benefitBanner-item p{color:var(--u-muted);margin:0;font-size:.95rem}
@media(max-width:991px){.ux .benefitBanner .container{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.ux .benefitBanner .container{grid-template-columns:1fr}}

/* ---------- 10. Kategorie ---------- */
.ux .breadcrumbs,.ux .breadcrumbs a,.ux .breadcrumbs span{font-size:.9rem;color:var(--u-muted)!important}
.u-cat-hero{position:relative;overflow:hidden;border-radius:28px;min-height:320px;display:flex;align-items:flex-end;margin:8px 0 40px;background:#0B0D1A var(--u-cat-img,var(--u-img-cat)) center/cover no-repeat;color:#fff;box-shadow:var(--u-sh-h)}
.u-cat-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,26,.92) 0%,rgba(11,13,26,.55) 55%,rgba(11,13,26,.15)),radial-gradient(circle at 100% 0%,var(--u-team,transparent) 0%,transparent 55%)}
.u-cat-hero:after{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--u-team,var(--u-grad))}
.u-cat-hero .u-in{position:relative;z-index:1;display:flex;align-items:center;gap:30px;padding:40px;width:100%}
.u-cat-hero img{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6))}
.u-cat-hero h1{color:#fff;font-size:clamp(2.8rem,6vw,5rem);text-transform:uppercase;margin:0;line-height:.95}
.u-cat-hero p{color:rgba(255,255,255,.8);max-width:560px;margin:8px 0 0;font-size:1.05rem}
.u-cat-hero .u-count{margin-left:auto;font-family:var(--u-fd);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;white-space:nowrap;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:var(--u-pill);font-size:1rem}
.u-cat-hero-src{display:none!important}
.ux .category-header{background:transparent!important;padding:0 0 20px;margin:0 0 28px;border-bottom:1px solid var(--u-line)}
.ux .category-header .sorting{display:flex;gap:10px;flex-wrap:wrap}
.ux .sorting a,.ux .sorting label{border-radius:var(--u-pill)!important;border:2px solid var(--u-line)!important;padding:8px 18px!important;color:var(--u-muted)!important;font-family:var(--u-fd);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:1rem;background:#fff!important;transition:.15s}
.ux .sorting a:hover{border-color:var(--u-ink)!important;color:var(--u-ink)!important}
.ux .sorting a.active,.ux .sorting li.active a{background:var(--u-grad)!important;border-color:transparent!important;color:#fff!important}
.ux .filters-unveil-button-wrapper .btn,.ux .filters-unveil-button{border-radius:var(--u-pill)!important;border:2px solid var(--u-ink)!important;background:#fff!important;color:var(--u-ink)!important;font-family:var(--u-fd);font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:12px 26px}
.ux .filters-wrapper,.ux .params-wrapper,.ux #sidebar .box{background:var(--u-mist)!important;border:1px solid var(--u-line);border-radius:var(--u-r);padding:22px;box-shadow:none}
.ux #sidebar .title,.ux .sidebar-inner .title,.ux .filter-sections .title,.ux .filters-wrapper .title{font-size:1.3rem;text-transform:uppercase;color:var(--u-ink);margin:0 0 12px}
.ux .categories a{font-family:var(--u-fd);font-weight:700;font-size:1.2rem;color:var(--u-muted)!important;padding:6px 0;display:block;text-transform:uppercase;letter-spacing:.05em}
.ux .categories a:hover,.ux .categories .active>a,.ux .categories li.active>a{color:var(--u-ink)!important}
.ux .pagination a,.ux .pagination span{border-radius:var(--u-pill);border:1px solid var(--u-line)}
.ux .pagination .current,.ux .pagination a:hover{background:var(--u-ink);color:#fff!important}
.ux .range-slider .ui-slider-range{background:var(--u-grad)}.ux .range-slider .ui-slider-handle{background:#fff;border:2px solid var(--u-blue);border-radius:50%}
.ux.type-category .products-block{grid-template-columns:repeat(4,1fr)}
.ux.type-category .products-block .product{margin:0!important}
@media(max-width:1199px){.ux.type-category .products-block{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991px){.ux.type-category .products-block{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.u-cat-hero{min-height:230px;border-radius:20px}.u-cat-hero .u-in{padding:22px;gap:16px;flex-wrap:wrap}.u-cat-hero img{width:64px;height:64px}.u-cat-hero .u-count{margin-left:0}}

/* ---------- 11. Detail produktu (bílý) ---------- */
.ux .p-detail-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
.ux .p-detail-inner>*{min-width:0}
.ux .p-image-wrapper{border-radius:28px;overflow:hidden;background:var(--u-mist)!important;height:auto!important;border:1px solid var(--u-line);padding:0!important}
.ux .p-image-wrapper .p-image,.ux .p-image{height:auto!important;padding:0!important;position:static!important}
.ux .p-image-wrapper .p-image img,.ux .p-image img{position:static!important;display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain;transform:none!important}
.ux .p-thumbnails{margin-top:12px}.ux .p-thumbnails a{border-radius:12px;overflow:hidden;border:2px solid transparent}.ux .p-thumbnails a.active,.ux .p-thumbnails a:hover{border-color:var(--u-ink)}
.ux .p-detail-inner-header{background:#fff;border:1px solid var(--u-line);border-radius:28px;padding:34px;box-shadow:var(--u-sh)}
.ux.type-detail h1{font-size:clamp(2.6rem,4.5vw,3.8rem);text-transform:uppercase;margin:0 0 10px;line-height:.95}
.ux .short-description,.ux .p-short-description{color:var(--u-muted)!important;font-size:1.1rem;line-height:1.55;margin:0 0 18px}
.ux .p-detail-inner-header table,.ux .p-detail-inner-header td,.ux .p-detail-inner-header th{font-size:.95rem;color:var(--u-muted)}
.ux .availability-value,.ux .show-tooltip{color:#0FA968!important;font-weight:700}
.ux .p-final-price-wrapper,.ux .p-detail .prices{display:flex!important;align-items:baseline;gap:12px;flex-wrap:wrap;background:var(--u-mist)!important;border:0;border-radius:var(--u-r);padding:18px 22px;margin:18px 0;width:100%}
.ux .price-final,.ux .price-final-holder,.ux .p-detail .price-final strong{font-family:var(--u-fd);font-size:2.6rem;font-weight:800;color:var(--u-ink)!important;line-height:1;white-space:nowrap}
.ux .price-save{color:var(--u-mag)!important;font-weight:800}
.ux .advanced-parameter-inner label,.ux .p-detail .parameter-wrapper label,.ux .variant-list label{border-radius:var(--u-pill);border:2px solid var(--u-line);font-family:var(--u-fd);font-weight:800;text-transform:uppercase;padding:9px 18px;background:#fff!important;color:var(--u-ink)!important;cursor:pointer}
.ux .advanced-parameter-inner input:checked+label,.ux .p-detail .parameter-wrapper .active label{border-color:var(--u-ink);background:var(--u-ink)!important;color:#fff!important}
.ux .p-detail select,.ux .p-detail .form-control{border-radius:12px;border:2px solid var(--u-line);height:48px}
.ux .add-to-cart{margin-top:8px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ux .add-to-cart .btn{padding:16px 28px;font-size:1.15rem;flex:1;border-radius:var(--u-pill)!important}
.ux .quantity{border-radius:var(--u-pill);border:2px solid var(--u-line);overflow:hidden;background:#fff!important}
.ux .quantity input{border:0!important;height:44px}
.ux .p-detail .link-icon,.ux .p-detail .social-buttons-wrapper,.ux .p-detail .p-code,.ux .p-detail .p-cats{color:var(--u-muted)!important;font-size:.95rem}
.ux .shp-tabs-holder.p-detail-tabs-wrapper{margin-top:64px}
.ux .shp-tabs-content,.ux .tab-content{line-height:1.7;color:var(--u-text);font-size:1.05rem}
.u-more{margin-top:72px}.u-more .u-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:991px){.ux .p-detail-inner{grid-template-columns:1fr;gap:24px}.ux .p-detail-inner-header{padding:24px;border-radius:20px}.u-more .u-grid{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(max-width:767px){.ux .add-to-cart .btn{position:sticky;bottom:12px;z-index:20}}

/* ---------- 12. Patička (tmavá, tvoří JS) ---------- */
.ux #footer,.ux .site-footer,.ux .footer-rows{display:none!important}
.u-foot{background:var(--u-ink)!important;color:rgba(255,255,255,.75);margin-top:96px;padding:96px 0 32px;position:relative;font-size:1.1rem}
.u-foot:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--u-grad)}
.u-foot .u-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px}
.u-foot h4{color:#fff;font-family:var(--u-fd);font-size:1.6rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px}
.u-foot a{color:#fff;font-family:var(--u-fd);font-weight:700;font-size:1.35rem;text-transform:uppercase;letter-spacing:.05em}.u-foot a:hover{color:var(--u-mag)}
.u-foot ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px 24px}
.u-foot .u-brand img{max-height:64px;margin-bottom:20px}
.u-foot .u-brand p{max-width:420px;line-height:1.6;margin:0;font-size:1.15rem}
.u-foot .u-app{background:var(--u-ink2)!important;border:1px solid var(--u-line-d);border-radius:var(--u-r);padding:30px;color:#fff}
.u-foot .u-app p{margin:0 0 20px;color:rgba(255,255,255,.85);font-size:1.15rem}
.u-foot .u-bottom{margin-top:56px;padding-top:22px;border-top:1px solid var(--u-line-d);font-size:1rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.u-foot .u-bottom a{font-size:.95rem;letter-spacing:.1em}
@media(max-width:991px){.u-foot .u-cols{grid-template-columns:1fr 1fr}}@media(max-width:575px){.u-foot .u-cols{grid-template-columns:1fr}}

/* ---------- 13. Ostatní ---------- */
.ux .siteCookies{border-radius:var(--u-r);box-shadow:var(--u-sh-h)}
.ux .form-control,.ux input[type=text],.ux input[type=email],.ux input[type=password],.ux textarea,.ux select{border-radius:12px;border:2px solid var(--u-line);box-shadow:none}
.ux .form-control:focus,.ux input:focus{border-color:var(--u-blue);outline:0;box-shadow:0 0 0 3px rgba(31,59,255,.15)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}