leto/shkola
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: hero neuro-audit v3 — 6 remaining items

Browse Source 
- float--1 color .92→.95
- ds-hero__seats 15px→16px
- metrics margin-bottom 24→28px
- social-proof color .9→.88
- visual margin-right 20→0
- desktop: float font-size 15→16px via media query
This commit is contained in:
Dekart Deploy Bot 2026-07-29 15:01:34 +00:00
parent 48691f0a7d
commit 3e76c84a60
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
wp-content/themes/dekart/assets/css/critical-home.css
View File

@ -40,7 +40,7 @@ main{display:flex;flex-direction:column;gap:0}
.ds-hero__subtitle{font-size:clamp(1.0625rem,1.1vw,1.125rem);font-weight:400;line-height:1.7;color:rgba(255,255,255,.88);margin:0 0 24px;max-width:500px}
.ds-hero__subtitle strong{color:#fff;font-weight:600}
.ds-hero__metrics{display:flex;gap:16px;margin-bottom:24px}
.ds-hero__metrics{display:flex;gap:16px;margin-bottom:28px}
.ds-hero__metric{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:14px 22px;text-align:center;min-width:110px}
.ds-hero__metric-number{font-family:var(--font-display);font-size:clamp(28px,3vw,34px);font-weight:500;color:#60A5FA;display:block;line-height:1.1;margin-bottom:2px}
.ds-hero__metric-label{font-size:16px;color:rgba(255,255,255,.82);text-transform:uppercase;letter-spacing:.06em}
@ -49,7 +49,7 @@ main{display:flex;flex-direction:column;gap:0}
.ds-hero__address{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:16px;color:rgba(255,255,255,.82);margin-bottom:10px}
.ds-hero__address svg{flex-shrink:0}
.ds-hero__hours-badge{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.88);padding:2px 10px;border-radius:100px;white-space:nowrap}
.ds-hero__social-proof{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:16px;color:rgba(255,255,255,.9);font-weight:500;line-height:1.5;max-width:520px}
.ds-hero__social-proof{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:16px;color:rgba(255,255,255,.88);font-weight:500;line-height:1.5;max-width:520px}
.ds-hero__social-proof svg{flex-shrink:0;opacity:.8;stroke-width:2.5}
.ds-hero__cta-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-pill);cursor:pointer;padding:16px 40px;font-size:17px;box-shadow:0 4px 16px rgba(0,0,0,.25);margin:14px 0;text-decoration:none;width:fit-content;transition:transform 150ms ease,box-shadow 150ms ease,background 200ms ease}
.ds-hero__cta-btn:hover{background:var(--color-primary-hover)}
@ -61,15 +61,16 @@ main{display:flex;flex-direction:column;gap:0}
.ds-hero__msg{display:inline-flex;align-items:center;gap:5px;padding:10px 18px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;min-height:44px}
.ds-hero__msg--wa{background:#25D366;color:#fff}
.ds-hero__msg--tg{background:#0088CC;color:#fff}
.ds-hero__visual{flex-shrink:0;width:380px;height:420px;margin-left:auto;margin-right:20px;display:flex;align-items:center;justify-content:center;position:relative}
.ds-hero__visual{flex-shrink:0;width:380px;height:420px;margin-left:auto;margin-right:0;display:flex;align-items:center;justify-content:center;position:relative}
.ds-hero__photo-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}
.ds-hero__photo-frame{width:320px;height:320px;border-radius:50%;overflow:hidden;border:6px solid rgba(255,255,255,.8);box-shadow:0 20px 60px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.2),inset 0 0 0 4px rgba(255,255,255,.6)}
.ds-hero__photo{width:100%;height:100%;object-fit:cover;display:block}
.ds-hero__photo-ring{position:absolute;width:360px;height:360px;border-radius:50%;border:2px solid rgba(255,255,255,.15);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.ds-hero__float{position:absolute;z-index:3;display:flex;align-items:center;gap:var(--space-1);padding:10px 20px;border-radius:var(--radius-pill);font-size:15px;font-weight:600;color:#fff;white-space:nowrap;backdrop-filter:blur(8px)}
.ds-hero__float--1{top:4%;right:-8px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.12)}
.ds-hero__float--1{top:4%;right:-8px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));color:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.12)}
.ds-hero__float--2{bottom:22%;left:-24px;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(168,85,247,.05));color:#D8C8FF;border:1px solid rgba(124,58,237,.12)}
.ds-hero__float--3{bottom:4%;right:6%;background:linear-gradient(135deg,rgba(59,178,160,.12),rgba(59,178,160,.05));color:#B8E6DF;border:1px solid rgba(59,178,160,.12)}
@media(min-width:861px){.ds-hero__float{font-size:16px}}
@media(max-width:860px){.ds-hero{padding:32px 0 40px}.ds-hero__inner{flex-direction:column}.ds-hero__visual{flex:none;width:100%;max-width:360px;height:auto;min-height:320px;margin:0 auto}.ds-hero__photo-frame{width:260px;height:260px;border-width:5px}.ds-hero__h1{font-size:32px;margin-bottom:20px}}
@media(max-width:768px){.ds-hero__visual{display:none}.ds-hero__content{max-width:none;padding-inline:16px}.ds-hero__subtitle{max-width:100%}.ds-hero__hours-badge{padding:2px 10px;border-radius:var(--radius-pill)}.ds-hero__metrics{flex-wrap:wrap;gap:10px}.ds-hero__metric{flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px);min-width:0;padding:12px 10px}.ds-hero__metric-number{font-size:clamp(22px,6vw,28px)}.ds-hero__cta-btn{width:100%;justify-content:center;margin-top:20px}}
@media(max-width:480px){.ds-hero__h1{font-size:26px}.ds-hero__cta-btn{padding:14px 20px;font-size:15px}}

2
wp-content/themes/dekart/assets/css/main.css
View File

@ -314,7 +314,7 @@ html {
display: inline-block; margin-top: 12px; margin-bottom: 4px;
padding: 6px 16px; border-radius: var(--radius-pill);
background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.2);
color: rgba(255,255,255,.9); font-size: 15px; font-weight: 500;
color: rgba(255,255,255,.9); font-size: 16px; font-weight: 500;
white-space: nowrap;
}
.ds-hero__cta-btn {