.page-head .wrap{padding:40px 24px 48px;text-align:center}
.page-head h1{font-size:clamp(30px,4vw,50px)}
.section{padding:78px 0}
.eyebrow-note{font-size:12px;color:var(--rose);font-style:italic;margin-top:14px}
.story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.story-grid.no-media{grid-template-columns:1fr}
.story h2{font-size:clamp(26px,3.2vw,40px);margin-bottom:22px}
.story p{color:var(--grey);font-size:18px;max-width:520px}
/* Е4б.6: aspect-ratio:4/3.3 + object-fit:cover режеха портретна снимка
   (1200×1443) — долното дете беше отрязано. Кутията вече няма фиксирано
   съотношение, снимката се показва цяла в естествените си пропорции.
   Е4в.2: снимката пак излизаше разтеглена (538×1500, object-fit:fill) —
   `object-fit:initial` е СЪЩОТО като без свойството изобщо (initial стойността
   на object-fit Е fill по спецификация), не „изключено". `!important` пази
   height:auto от евентуален по-висок ред в каскадата (page-css bucket-ите се
   зареждат в различен ред); align-self:start маха стрийча на grid детето към
   реда, ако текстовата колона е по-висока. */
.story-media{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:var(--beige)}
.story-grid > .story-media{align-self:start}
.story-media img{display:block;width:100%;height:auto !important;max-width:100%;object-fit:contain;aspect-ratio:auto}
.values{background:var(--beige)}
.sec-head{text-align:center;max-width:620px;margin:0 auto 48px}
.sec-head h2{font-size:clamp(26px,3.2vw,40px);margin-bottom:12px}
.sec-head p{color:var(--grey);font-size:16px}
.val-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.val{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}
.val:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.val .ic{width:56px;height:56px;border-radius:16px;background:var(--beige);display:grid;place-items:center;color:var(--accent);margin-bottom:20px}
.val h3{font-size:19px;margin-bottom:10px}
.val p{color:var(--grey);font-size:14.5px}
.store-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
.store-media{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3.2;background:var(--beige)}
.store-media img{width:100%;height:100%;object-fit:cover}
.store h2{font-size:clamp(26px,3.2vw,40px);margin-bottom:22px}
.store .info{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}
.store .info .row{display:flex;gap:14px;align-items:flex-start;font-size:16px}
.store .info .row .ic{width:44px;height:44px;border-radius:12px;background:var(--beige);display:grid;place-items:center;color:var(--accent);flex:none}
.store .info .row b{display:block;font-weight:700;margin-bottom:2px}
.store .info .row span{color:var(--grey)}
.reviews{background:var(--beige)}
.rev-top{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:40px}
.rev-top .big{font-family:'Philosopher';font-size:52px;line-height:1;color:var(--brown)}
.stars{color:#E8B44A;letter-spacing:2px}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rev-card{background:#fff;border-radius:var(--r);padding:28px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px}
.rev-card .stars{font-size:18px}
.rev-card p{color:var(--brown);font-size:16px;flex:1;line-height:1.55}
.rev-card .who{display:flex;align-items:center;gap:12px;padding-top:8px;border-top:1px solid var(--line)}
.rev-card .av{width:42px;height:42px;border-radius:50%;background:var(--rose);color:#fff;display:grid;place-items:center;font-family:'Philosopher';font-weight:700;font-size:18px}
.rev-card .who b{font-weight:700;font-size:15px}
.rev-card .who small{color:var(--grey);font-size:12px;display:block}
.cta{background:var(--brown);color:#f6ece7;text-align:center}
.cta-in{padding:64px 24px;max-width:820px;margin:0 auto}
.cta h2{color:#fff;font-size:clamp(26px,3.2vw,40px);margin-bottom:16px}
.cta p{color:#e2cfc6;font-size:18px}
.cta .btn-primary{background:var(--accent);color:var(--brown);margin-top:14px}
.cta .btn-primary:hover{background:#e2b79f;color:var(--brown)}
@media(max-width:1024px){.mega{grid-template-columns:repeat(2,1fr);gap:24px}.val-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){ nav.main,form.search,.topbar .tb-r span.hide-sm{display:none} .burger{display:block}.hdr{height:76px;gap:16px} .story-grid,.store-grid{grid-template-columns:1fr;gap:36px} .story-media,.store-media{order:-1} .rev-grid{grid-template-columns:1fr} .foot-grid{grid-template-columns:1fr 1fr;gap:32px}.foot-brand{grid-column:1/-1} }
@media(max-width:560px){.val-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.section{padding:54px 0}}