توضیحات

style> body {font-family: Vazirmatn, Tahoma, Arial, sans-serif; background:#f9fbfd; margin:0; color:#23272e;} header, nav, main, section, footer {max-width:850px; margin:auto;} header {background:#fff; border-bottom:1px solid #eee; padding:1.2rem 0 0.7rem 0; text-align:center;} .product-title {font-size:2rem; font-weight:700;} .brand {color:#1976d2; font-size:1.08rem;} nav {margin:1rem 0; text-align:center;} nav a {color:#00897b; margin-left:1.5rem; text-decoration:none; font-weight:600;} .intro {font-size:1.13rem; line-height:1.8; margin-bottom:1.2rem;} .story {background:#f3f9ff; border-right:4px solid #50a5f1; border-radius:8px; padding:1rem; margin-bottom:1rem;} .usp-boxes {display:flex; gap:1rem; margin:1rem 0; flex-wrap:wrap;} .usp-box {background:#fff; border-radius:9px; padding:1rem; flex:1; min-width:160px; box-shadow:0 1px 8px #0001;} .usp-box .icon {font-size:1.5rem; vertical-align:middle;} .usp-box h3 {font-size:1.05rem; margin:0.25rem 0; color:#1976d2;} .similar-box {background:#fffbe7; border-radius:12px; padding:1.2rem 1.2rem 1.2rem 0.8rem; box-shadow:0 1px 8px #0001; margin:1.3rem 0 2.1rem 0; display:flex; align-items:center;} .similar-box img {width:95px; border-radius:10px; margin-left:1.2rem;} .similar-box .info {flex:1;} .similar-box a {background:#ffe29c; color:#775600; font-weight:700; text-decoration:none; padding:0.45rem 1.5rem; border-radius:6px; margin-top:0.5rem; display:inline-block;} table.spec-table {width:100%; background:#fff; border-radius:9px; box-shadow:0 1px 6px #0001; margin-bottom:1.4rem; border-collapse:collapse;} table.spec-table th, table.spec-table td {padding:0.6rem 0.8rem; border-bottom:1px solid #f0f0f0; text-align:right;} table.spec-table th {background:#f9fafb; width:35%;} @media (max-width:700px){.usp-boxes{flex-direction:column;} .similar-box{flex-direction:column; text-align:center;} .similar-box img{margin:0 0 1rem 0;}}