توضیحات

body {font-family: Vazirmatn, Tahoma, Arial, sans-serif; background:#f8fafc; 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:#e7f6ff; 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:#f3f9ff; 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;}
.hidden-link {color:inherit;text-decoration:none;cursor:pointer;}
.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;}
@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;}}