*{box-sizing:border-box}
body{margin:0;font-family:"Cairo","Segoe UI",Tahoma,-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#2b2433;background:#fff;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.skip{position:absolute;inset-inline-start:-999px}
.wrap{max-width:1200px;margin:0 auto;padding:32px 20px}.narrow{max-width:760px}.center{text-align:center}
.btn{display:inline-block;background:#2b2433;color:#fff;border:0;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer}
.btn--ghost{background:#eee;color:#2b2433}
.hero{position:relative;background:var(--hero-bg);display:grid;min-height:420px;align-items:center}
.hero__img{position:absolute;inset:0}.hero__img img{width:100%;height:100%;object-fit:cover}
.hero__txt{position:relative;max-width:1200px;margin:0 auto;padding:48px 20px;width:100%}
.hero__txt h1{font-size:2.6rem;margin:0 0 12px;max-width:560px}.hero__txt p{max-width:520px;margin:0 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.card{text-decoration:none}.card__img{aspect-ratio:1/1;background:#f6f1fb;border-radius:14px;overflow:hidden}
.card__img img,.card__img svg{width:100%;height:100%;object-fit:cover}
.card h3{font-size:1rem;margin:10px 0 2px}.card__price{margin:0;font-weight:600}
.line{display:flex;gap:16px;align-items:center;border-bottom:1px solid #eee;padding:14px 0}
.line__img{width:80px;flex:none}.line__info{flex:1}.line__qty{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.line__qty input{width:64px;padding:6px}.total{text-align:end;font-size:1.1rem}
.search{display:flex;gap:10px;margin-bottom:24px}.search input{flex:1;padding:12px;border:1px solid #ddd;border-radius:10px}
.rte img{border-radius:10px}
@media(max-width:700px){.hero__txt h1{font-size:1.9rem}}