@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--color-bg:#0b1020;--border:#2a3563;--surface:#121a33;--text:#eaf0ff;--muted:#a9b4d0;--accent1:#ff2d95;--accent2:#2de2e6;--accent3:#f9c80e;--success:#2bd97f;--danger:#ff4d4d}body{background-color:var(--color-bg);max-width:1440px;min-height:100vh;margin-inline:auto;font-family:Roboto,sans-serif}.navigation{border-radius:15px;max-width:1440px;margin-inline:auto}.nav-items-box{justify-content:space-between;align-items:center;padding-top:15px;padding-bottom:15px;font-size:x-large;font-weight:700;display:flex}.logo-item img{border-radius:15px;max-width:7.5vh;margin-left:10px;display:block}.nav-item{background-color:var(--accent1);border:2px solid #000;border-radius:15px;margin-right:10px;overflow:hidden}.nav-item a{color:var(--text);padding:.5rem 1rem;text-decoration:none;display:block}.grid{display:grid}footer{border-top:3px solid var(--border);text-align:center;margin-top:auto;width:100%;margin-inline:auto}h1,h2,h3,p{color:var(--text)}.flex{display:flex}#hero-section{border-bottom:1px solid var(--border,#e2e2e2);grid-template-columns:1fr auto;align-items:start;gap:24px;padding:32px 24px 24px;display:grid}.hero-text h1{margin:0 0 8px;font-size:2rem}.hero-intro{opacity:.7;margin:0;font-size:1rem}.hero-search{flex-direction:column;gap:8px;min-width:260px;display:flex}.search-label{margin:0;font-size:.875rem;font-weight:700}.search-input-wrap{align-items:center;display:flex;position:relative}.search-icon{color:var(--text);opacity:.45;pointer-events:none;position:absolute;left:10px}.search-input{background:var(--surface);width:100%;color:var(--text);border:2px solid #000;border-color:var(--border);border-radius:10px;outline:none;padding:.5rem .75rem .5rem 2.25rem;font-size:.9rem;transition:border-color .15s}.search-input:focus{border-color:var(--accent2,#555)}.search-results-count{opacity:.6;margin:0;font-size:.8rem}.content-section{padding:24px}.grid-meta{opacity:.55;margin:0 0 16px;font-size:.85rem}.content-grid{grid-template-columns:repeat(3,minmax(240px,1fr));gap:20px;margin-bottom:36px;display:grid}.no-results{text-align:center;opacity:.5;padding:48px 0}.content-card{border:2px solid var(--border);background-color:var(--surface);border-radius:15px;flex-direction:column;transition:transform .15s;display:flex;overflow:hidden}.content-card:hover{transform:translateY(-2px)}.content-card--featured{border-color:var(--accent1,#555)}.content-card__image{aspect-ratio:16/9;background-color:var(--color-bg,#f0f0f0);object-fit:cover;align-items:flex-end;padding:10px;display:flex;position:relative}.content-card__category{background-color:var(--accent1);color:var(--text);border:1px solid #000;border-radius:10px;max-width:fit-content;padding:3px 10px;font-size:.75rem;font-weight:700}.content-card__body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.content-card__title{margin:0;font-size:1rem;font-weight:700;line-height:1.3}.content-card__desc{opacity:.65;flex:1;margin:0;font-size:.82rem;line-height:1.5}.content-card__meta{border-top:1px solid var(--border,#e2e2e2);color:var(--muted);padding-top:8px;font-size:.8rem;display:inline}.content-card__footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.content-card__price{font-size:.9rem;font-weight:700}.content-card__cta{color:var(--text);background-color:var(--accent1);border:2px solid #000;border-radius:10px;padding:4px 12px;font-size:.85rem;font-weight:700;text-decoration:none;transition:opacity .1s}.content-card__cta:hover{opacity:.75}.pagination{justify-content:center;align-items:center;gap:6px;padding:8px 0 32px;display:flex}.pagination__btn{cursor:pointer;min-width:36px;height:36px;color:var(--text);background:0 0;border:2px solid #000;border-radius:10px;padding:0 10px;font-size:.9rem;font-weight:700;transition:background-color .1s}.pagination__btn:hover:not(:disabled){background-color:var(--accent1)}.pagination__btn:disabled{opacity:.3;cursor:default}.pagination__btn--active{background-color:var(--accent1)}.pagination__ellipsis{color:var(--text);opacity:.5;padding:0 4px;font-size:.9rem}@media (width<=800px){#hero-section{grid-template-columns:1fr}.hero-search{min-width:unset}.content-grid{grid-template-columns:1fr}}.kohde-hero,.kohde-body{border-bottom:2px solid var(--border);grid-template-columns:1fr auto;gap:0;display:grid}.kohde-hero-intro{color:var(--text);text-align:center}.kohde-hero-info{flex-direction:column;width:320px;display:flex}.kohde-body-desc{border-right:1px solid var(--border);padding:28px 32px;font-size:.95rem;line-height:1.7}.kohde-body-details{flex-direction:column;width:320px;display:flex}.kohde-info-block{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:20px;display:flex}.kohde-title{margin:6px 0 0;font-size:1.4rem;line-height:1.25}.kohde-details-heading{margin:0 0 4px;font-size:1rem}.kohde-meta-line{margin:0;font-size:.875rem}.kohde-meta-line--sub{opacity:.5;font-size:.8rem}.kohde-cta{text-align:center;background-color:var(--accent1);color:var(--text);border:2px solid #000;border-radius:10px;padding:10px 16px;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:block}.kohde-cta:hover{opacity:.75}.kohde-cta--secondary{background-color:#0000}.kohde-tags{color:var(--accent1);flex-wrap:wrap;gap:6px;display:flex}.kohde-tag{background-color:var(--surface);border:1px solid #000;border-radius:8px;padding:3px 10px;font-size:.78rem}@media (width<=700px){.kohde-hero,.kohde-body{grid-template-columns:1fr}.kohde-hero-info,.kohde-body-details{border-top:1px solid var(--border);width:100%}.kohde-body-desc{border-right:none}.kohde-hof-grid{grid-template-columns:1fr}}