/* Ucuzabulan – Homepage Modern UX (Fix14r5)
   Keeps existing theme variables, only scopes to .ub-home2 to avoid side-effects.
*/

.ub-home2{background:
 radial-gradient(1200px 600px at 15% -10%, rgba(30,119,211,.18), transparent 55%),
 radial-gradient(900px 520px at 85% -5%, rgba(245,158,11,.16), transparent 55%),
 linear-gradient(180deg, rgba(244,247,251,1) 0%, rgba(255,255,255,1) 32%, rgba(255,255,255,1) 100%);
}

.ub-home2-hero{padding:18px 0 10px}
.ub-home2-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch}

/* Home hero: solo slider mode (Fix14 v10 UI request) */
.ub-home2-hero__grid--solo{grid-template-columns:1fr}
.ub-home2-hero__grid--solo .ub-home2-hero__slider{border-radius:28px;overflow:hidden;border:1px solid rgba(15,23,42,.10);box-shadow:0 26px 90px rgba(2,8,23,.14);background:rgba(255,255,255,.72)}
.ub-home2-hero__grid--solo .slider--wide{border:0;background:transparent;box-shadow:none}
.ub-home2-hero__grid--solo .home-slide{border-radius:28px}
.ub-home2-hero__grid--solo .home-slide__img{height:360px}
@media (max-width: 720px){
 .ub-home2-hero__grid--solo .home-slide__img{height:240px}
}
.ub-home2-hero__copy{background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.10);border-radius:24px;padding:18px 18px 16px;box-shadow:0 22px 70px rgba(2,8,23,.10);backdrop-filter:saturate(140%) blur(10px)}
.ub-home2-hero__kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;color:rgba(2,8,23,.70);background:rgba(2,8,23,.06);border:1px solid rgba(2,8,23,.10);border-radius:999px;padding:6px 10px}
.ub-home2-hero__title{margin:10px 0 8px;font-size:44px;line-height:1.03;letter-spacing:-.02em;font-weight:1100}
.ub-home2-hero__accent{color:var(--primary-700)}
.ub-home2-hero__desc{margin:0;color:rgba(2,8,23,.75);font-weight:700}

.ub-home2-hero__search{margin-top:14px;display:flex;gap:10px;align-items:center}
.ub-home2-hero__search input{flex:1;height:52px;border-radius:18px;border:1px solid rgba(15,23,42,.14);padding:0 14px;font-weight:900;outline:none;background:#fff}
.ub-home2-hero__search input:focus{border-color:rgba(30,119,211,.55);box-shadow:0 0 0 4px rgba(30,119,211,.12)}
.ub-home2-hero__search .btn{height:52px;border-radius:18px;padding:0 18px}

.ub-home2-quick{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ub-home2-quick__card{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:2px 10px;align-items:center;text-decoration:none;background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:18px;padding:12px;box-shadow:0 10px 28px rgba(2,8,23,.06);transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease}
.ub-home2-quick__card:hover{border-color:rgba(30,119,211,.30);transform:translateY(-1px);box-shadow:0 16px 40px rgba(2,8,23,.10);text-decoration:none}
.ub-home2-quick__i{grid-row:1 / span 2;width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(30,119,211,.10);border:1px solid rgba(30,119,211,.18);font-size:20px}
.ub-home2-quick__t{font-weight:1100;color:rgba(2,8,23,.92)}
.ub-home2-quick__d{font-size:12px;color:rgba(2,8,23,.68);font-weight:800}

.ub-home2-stats{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ub-hstat{background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:18px;padding:10px 12px}
.ub-hstat__n{font-size:20px;line-height:1.1;font-weight:1100}
.ub-hstat__l{margin-top:4px;font-size:12px;color:rgba(2,8,23,.65);font-weight:900}

.ub-home2-trends{margin-top:12px;display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}
.ub-home2-trends__t{font-size:12px;font-weight:1100;color:rgba(2,8,23,.70);padding-top:6px}
.ub-home2-trends__chips{display:flex;flex-wrap:wrap;gap:8px}
.ub-home2-chip{display:inline-flex;align-items:center;border:1px solid rgba(2,8,23,.12);background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950;text-decoration:none;color:rgba(2,8,23,.85)}
.ub-home2-chip:hover{border-color:rgba(30,119,211,.35);color:var(--primary-700);text-decoration:none}

.ub-home2-hero__slider{border-radius:24px;overflow:hidden}
.ub-home2-slider .home-slide{border-radius:24px}

.ub-home2-sec{margin-top:14px}
.ub-home2-sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:6px 0 10px}
.ub-home2-sec__head h2{margin:0;font-size:22px;letter-spacing:-.01em}

.ub-catgrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.ub-catcard{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-decoration:none;background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:18px;padding:12px;box-shadow:0 10px 28px rgba(2,8,23,.06);min-height:86px;transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease}
.ub-catcard:hover{border-color:rgba(30,119,211,.32);transform:translateY(-1px);box-shadow:0 16px 42px rgba(2,8,23,.10);text-decoration:none}
.ub-catcard__ico{width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(2,8,23,.04);border:1px solid rgba(2,8,23,.08)}
.ub-catcard__ico img{width:22px;height:22px;display:block;opacity:.92}
.ub-catcard__t{font-weight:1100;color:rgba(2,8,23,.92);line-height:1.15}
.ub-catcard__m{font-size:12px;color:rgba(2,8,23,.65);font-weight:900}

.ub-home2-main{padding-bottom:6px}

/* --- Home blocks (Fix14r7): unify grids/cards for a modern, Cimri/Akakce-like vitrin --- */
.ub-home2 .ub-home-block{margin-top:14px;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.10);border-radius:24px;padding:14px;box-shadow:0 18px 58px rgba(2,8,23,.08);backdrop-filter:saturate(140%) blur(10px)}
.ub-home2 .ub-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 12px 0}
.ub-home2 .ub-home-head h2{margin:0;font-size:20px;letter-spacing:-.01em;font-weight:1100}
.ub-home2 .ub-home-head .ub-link{font-weight:950;text-decoration:none;border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:999px;padding:8px 12px;line-height:1}
.ub-home2 .ub-home-head .ub-link:hover{border-color:rgba(30,119,211,.35);color:var(--primary-700);text-decoration:none}

.ub-home2 .ub-prod-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ub-home2 .ub-prod-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:18px;border:1px solid rgba(15,23,42,.10);background:#fff;text-decoration:none;color:inherit;box-shadow:0 10px 28px rgba(2,8,23,.06);transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease}
.ub-home2 .ub-prod-card:hover{border-color:rgba(30,119,211,.30);transform:translateY(-1px);box-shadow:0 18px 46px rgba(2,8,23,.12);text-decoration:none}
.ub-home2 .ub-prod-img{width:100%;height:160px;object-fit:contain;border-radius:14px;background:linear-gradient(180deg, rgba(2,8,23,.02), rgba(2,8,23,.00));border:1px solid rgba(2,8,23,.06)}
.ub-home2 .ub-prod-title{font-weight:1000;line-height:1.22;max-height:36px;overflow:hidden}
.ub-home2 .ub-prod-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ub-home2 .badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(15,23,42,.12);background:rgba(2,8,23,.03);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950}
.ub-home2 .badge-ok{border-color:rgba(16,185,129,.30);background:rgba(16,185,129,.12)}
.ub-home2 .ad-badge{position:absolute;top:10px;left:10px;z-index:2;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:1100;letter-spacing:.02em;border:1px solid rgba(245,158,11,.40);background:rgba(245,158,11,.16);color:rgba(124,45,18,1)}
.ub-home2 .ad-card{border-color:rgba(245,158,11,.32);background:linear-gradient(180deg, rgba(245,158,11,.06), #fff)}

.ub-home2 .ub-store-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.ub-home2 .ub-store-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-decoration:none;background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:18px;padding:12px;box-shadow:0 10px 28px rgba(2,8,23,.06);transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease}
.ub-home2 .ub-store-card:hover{border-color:rgba(30,119,211,.30);transform:translateY(-1px);box-shadow:0 18px 46px rgba(2,8,23,.12);text-decoration:none}
.ub-home2 .ub-store-ico{width:46px;height:46px;border-radius:14px;object-fit:contain;border:1px solid rgba(2,8,23,.08);background:#fff}
.ub-home2 .ub-store-name{font-weight:1100;line-height:1.2}
.ub-home2 .ub-store-meta{font-size:12px;font-weight:900;color:rgba(2,8,23,.72)}

.ub-home2 .ub-chipwrap{display:flex;flex-wrap:wrap;gap:10px}
.ub-home2 .ub-chip{display:inline-flex;align-items:center;border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:1000;text-decoration:none;color:rgba(2,8,23,.86)}
.ub-home2 .ub-chip:hover{border-color:rgba(30,119,211,.35);color:var(--primary-700);text-decoration:none}

/* Price drop pills */
.ub-home2 .ub-drop-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
.ub-home2 .ub-drop-old{text-decoration:line-through;color:rgba(2,8,23,.55);font-weight:900}
.ub-home2 .ub-drop-new{font-weight:1100}
.ub-home2 .ub-drop-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-weight:1100;font-size:12px;border:1px solid rgba(239,68,68,.26);background:rgba(239,68,68,.12);color:#991b1b}

/* Coupon cards */
.ub-home2 .ub-coupon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ub-home2 .ub-coupon-card{padding:12px;border-radius:18px;border:1px solid rgba(15,23,42,.10);background:#fff;box-shadow:0 10px 28px rgba(2,8,23,.06)}
.ub-home2 .ub-coupon-top{display:flex;gap:10px;align-items:center}
.ub-home2 .ub-coupon-ico{width:54px;height:54px;border-radius:16px;border:1px solid rgba(2,8,23,.08);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ub-home2 .ub-coupon-ico img{width:44px;height:44px;object-fit:contain}
.ub-home2 .ub-coupon-title{font-weight:1100;line-height:1.15;margin-top:6px}
.ub-home2 .ub-coupon-bottom{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ub-home2 .ub-pill{display:inline-flex;align-items:center;border-radius:12px;padding:8px 10px;border:1px dashed rgba(15,23,42,.22);background:rgba(2,8,23,.03);font-weight:1100;font-size:13px}

@media (max-width: 980px){
 .ub-home2 .ub-coupon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 560px){
 .ub-home2 .ub-coupon-grid{grid-template-columns:1fr}
}

/* Responsive */
@media (max-width: 1100px){
 .ub-home2-hero__grid{grid-template-columns:1fr;gap:14px}
 .ub-catgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .ub-home2-hero__title{font-size:38px}
}

@media (max-width: 980px){
 .ub-home2 .ub-prod-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ub-home2 .ub-store-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (max-width: 560px){
 .ub-home2 .ub-prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ub-home2 .ub-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ub-home2 .ub-prod-img{height:140px}
}
@media (max-width: 720px){
 .ub-home2-hero__title{font-size:32px}
 .ub-home2-hero__search{flex-direction:column;align-items:stretch}
 .ub-home2-hero__search .btn{width:100%}
 .ub-home2-quick{grid-template-columns:1fr}
 .ub-home2-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ub-catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}