/* DigiAdria premium tema: tamna pozadina s pomičnom slikom, stakleni elementi.
   Učitava se nakon inline stilova svake stranice i preklapa svijetlu temu. */

:root{
  color-scheme:dark;
  --bg:#050C17;
  --glass:rgba(12,26,48,.58);
  --glass2:rgba(16,34,62,.72);
  --gline:rgba(255,255,255,.09);
  --gline2:rgba(255,255,255,.16);
}

/* varijable svijetle teme prebacujemo u tamne vrijednosti */
body{
  --white:rgba(12,26,48,.58);
  --surface:rgba(255,255,255,.035);
  --sky:rgba(58,160,255,.12);
  --text:#D5E0EE;
  --muted:#9DAEC6;
  --faint:#6F8199;
  --hair:rgba(255,255,255,.08);
  --hair2:rgba(255,255,255,.15);
  --blue2:#6BB8FF;
  --sh1:none;
  --sh2:0 24px 60px -24px rgba(0,0,0,.7);
  --sh3:0 50px 100px -40px rgba(0,0,0,.8);
}

/* ilustracije aplikacija i wireframeovi ostaju u svijetloj varijanti */
.app,.wf{
  --white:#FFFFFF;--surface:#F4F7FB;--sky:#EAF2FC;--text:#16243C;--muted:#5A6B85;--faint:#93A2BC;
  --hair:rgba(9,26,48,.09);--hair2:rgba(9,26,48,.14);--blue2:#0A56A6;
}
.app .ahd b,.app .rk-kpi .v,.app .rk-row .cl{color:#091A30 !important}

html{background:var(--bg) !important}
html,body{color:var(--text) !important}
body{background:transparent !important;position:relative}

/* pomična pozadina */
body::before{
  content:"";position:fixed;inset:-6%;z-index:-2;pointer-events:none;
  background:url(/assets/images/google-ads-ai-alati-digitalni-marketing.webp) center 30%/cover no-repeat;
  animation:da-drift 42s ease-in-out infinite alternate;
  will-change:transform;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(120% 80% at 50% 0%,rgba(5,12,23,.25) 0%,rgba(5,12,23,.7) 60%,rgba(5,12,23,.9) 100%),
    linear-gradient(180deg,rgba(5,12,23,.35),rgba(5,12,23,.8));
  transition:opacity .6s;
}
body.da-deep::after{opacity:1}
@keyframes da-drift{
  0%{transform:translate3d(0,0,0) scale(1.02)}
  50%{transform:translate3d(-1.6%,-1.2%,0) scale(1.07)}
  100%{transform:translate3d(1.2%,-2.2%,0) scale(1.04)}
}
@media (prefers-reduced-motion:reduce){body::before{animation:none}}

/* sekcije: prozirne, da se vidi pozadina */
.sec,.sec.surface{background:transparent !important}
.sec.dark,.strip,.strip .c{background:rgba(7,17,33,.55) !important;backdrop-filter:blur(6px)}
.strip-in{background:var(--gline) !important}
.hero,.pagehero{background:transparent !important}
.hero-photo,.pagehero-photo{display:none !important}
.hero-grid-bg{opacity:.35}

/* tipografija */
h1,h2,h3,h4{color:#F2F6FB !important}
.sec-h p,.tile p,.prof-txt p,.lblock .ltext p,.certcard p,.proc .st p{color:var(--muted) !important}
.kick{color:#6BB8FF}
h1 em,h2 em{background:linear-gradient(100deg,#FFFFFF 10%,#6BB8FF 90%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* stakleni elementi */
.tile,.aud,.certcard,.proc .st,.zal .col,.rk-kpi,.minicase,.cinfo,.metrictag,.field input,.field select,.field textarea{
  background:var(--glass) !important;border-color:var(--gline) !important;
  backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);
}
.tile:hover,.aud:hover,.certcard:hover{border-color:rgba(107,184,255,.45) !important;box-shadow:0 30px 70px -30px rgba(58,160,255,.35) !important}
.tile .viz{background:rgba(255,255,255,.03) !important}
.proc{border-color:var(--gline) !important}
.proc .st{border-right-color:var(--gline) !important}
.mkpis div .v,.rank{color:#F2F6FB !important}
.btn-line{color:#F2F6FB !important;border-color:var(--gline2) !important}
.btn-line:hover{border-color:#fff !important}
.btn-light{background:#F2F6FB !important;color:#091A30 !important}
.legal h2{color:#F2F6FB !important}
.legal p,.legal li{color:var(--text) !important}
.cta{background:linear-gradient(150deg,rgba(14,62,114,.85),rgba(9,26,48,.9) 74%) !important;border:1px solid var(--gline2);backdrop-filter:blur(10px)}
.prof-img{border-color:var(--gline2) !important;background:#0B1A30 !important}
.field input::placeholder,.field textarea::placeholder{color:#6F8199}
.field select option{background:#0B1A30;color:#F2F6FB}
.foot{background:rgba(5,12,23,.92) !important;backdrop-filter:blur(8px)}

/* header: staklo od prvog piksela */
.head{background:rgba(5,12,23,.35) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.head.scrolled{background:rgba(5,12,23,.78) !important}

/* chat widget u tamnoj varijanti */
.cw-body{background:#08152A !important}
.cw-msg.bot,.cw-typing{background:#10223D !important;border-color:var(--gline) !important;color:#D5E0EE !important}
.cw-foot,.cw-note{background:#0B1A30 !important}
.cw-foot textarea{background:#08152A !important;color:#F2F6FB !important;border-color:var(--gline2) !important}

/* ===== nove premium komponente ===== */
.da-portrait{position:relative;max-width:520px;margin-left:auto}
.da-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:28px;display:block;border:1px solid var(--gline2);box-shadow:0 50px 100px -40px rgba(0,0,0,.85)}
.da-portrait .fcard{position:absolute}
.da-portrait .fc-a{left:-38px;bottom:64px;top:auto}
.da-portrait .fc-b{right:-22px;top:72px;bottom:auto}
.da-badge{position:absolute;left:22px;top:22px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(5,12,23,.6);border:1px solid var(--gline2);backdrop-filter:blur(12px);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#DCE6F2}
.da-badge i{width:8px;height:8px;border-radius:50%;background:#3AA0FF;box-shadow:0 0 0 0 rgba(58,160,255,.6);animation:da-pulse 2.4s infinite}
@keyframes da-pulse{0%{box-shadow:0 0 0 0 rgba(58,160,255,.55)}70%{box-shadow:0 0 0 12px rgba(58,160,255,0)}100%{box-shadow:0 0 0 0 rgba(58,160,255,0)}}

.da-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:28px;counter-reset:st}
.da-step{position:relative;border-radius:18px;padding:22px 20px;min-height:180px;display:flex;flex-direction:column;gap:9px;background:var(--glass2);border:1px solid var(--gline);backdrop-filter:blur(14px)}
.da-step.ai{background:rgba(58,160,255,.1);border-color:rgba(58,160,255,.45)}
.da-step .n{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#8FA6C2}
.da-step.ai .n{color:#6BB8FF}
.da-step b{font-family:var(--disp);font-weight:600;font-size:20px;color:#F2F6FB;letter-spacing:-.02em}
.da-step p{font-size:14px;line-height:1.5;color:var(--muted)}
.da-step:not(:last-child)::after{content:"";position:absolute;right:-11px;top:50%;width:10px;height:1px;background:rgba(107,184,255,.6)}
.da-legend{display:flex;gap:20px;font-size:14px;color:var(--muted);flex-wrap:wrap}
.da-legend span{display:inline-flex;align-items:center;gap:8px}
.da-legend i{width:12px;height:12px;border-radius:4px;background:var(--glass2);border:1px solid var(--gline2)}
.da-legend i.ai{background:rgba(58,160,255,.35);border-color:#3AA0FF}
.da-wide{width:100%;height:clamp(240px,34vw,460px);object-fit:cover;object-position:center 40%;border-radius:24px;display:block;margin-top:40px;border:1px solid var(--gline)}

.da-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:48px}
.da-work-sm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}
.da-proj{display:flex;flex-direction:column;gap:18px;color:inherit}
.da-stage{padding:36px 44px 32px;border-radius:26px;background:rgba(255,255,255,.035);border:1px solid var(--gline);transition:transform .5s var(--ease),border-color .4s,box-shadow .5s}
.da-work-sm .da-stage{padding:26px 28px 22px;border-radius:20px}
.da-proj:hover .da-stage{transform:translateY(-6px);border-color:rgba(107,184,255,.45);box-shadow:0 40px 80px -40px rgba(58,160,255,.45)}
.da-screen{background:#0B0F16;border-radius:14px 14px 0 0;padding:9px 9px 13px;border:1px solid rgba(255,255,255,.06)}
.da-screen img{width:100%;height:auto;aspect-ratio:1556/758;object-fit:cover;object-position:top;display:block;border-radius:3px;transition:object-position 3s var(--ease)}
.da-base{height:13px;margin:0 -5%;background:linear-gradient(180deg,#39465A,#1E2735);border-radius:0 0 14px 14px;position:relative}
.da-base::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:16%;height:5px;background:#141B26;border-radius:0 0 6px 6px}
.da-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}
.da-meta b{font-family:var(--disp);font-weight:600;font-size:24px;color:#F2F6FB;letter-spacing:-.02em}
.da-work-sm .da-meta b{font-size:19px}
.da-meta small{display:block;font-size:14px;color:var(--muted);margin-top:3px}
.da-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:7px 11px;border-radius:999px;border:1px solid var(--gline2);color:#DCE6F2;white-space:nowrap}
.da-tag.ai{background:rgba(58,160,255,.16);border-color:rgba(58,160,255,.5);color:#BFE0FF}

.da-me{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,5vw,80px);align-items:center}
.da-me img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 35%;border-radius:28px;display:block;border:1px solid var(--gline2)}

/* pristupačna vidljiva oznaka fokusa */
a:focus-visible,button:focus-visible{outline:2px solid #6BB8FF;outline-offset:3px}

/* suptilno zrno za filmski dojam */
.da-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* traka napretka čitanja */
.da-progress{position:fixed;left:0;top:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#3AA0FF,#8FC6FF);z-index:200;pointer-events:none}

/* svjetlo koje prati kursor na karticama */
.tile,.da-stage,.certcard{--mx:50%;--my:50%}
.tile::after,.certcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(360px circle at var(--mx) var(--my),rgba(107,184,255,.14),transparent 60%)}
.tile:hover::after,.certcard:hover::after{opacity:1}
.certcard{position:relative}

/* sidrena cijena */
.da-anchor{display:block;font-size:12.5px;color:var(--muted);margin-top:6px;font-family:var(--body)}

@media (max-width:1100px){
  .da-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .da-step:nth-child(3)::after{display:none}
}
@media (max-width:860px){
  .da-work,.da-me{grid-template-columns:1fr}
  .da-work-sm{grid-template-columns:repeat(2,minmax(0,1fr))}
  .da-portrait{margin:40px auto 0}
  .da-portrait .fc-a{left:-8px}
  .da-portrait .fc-b{right:-8px}
}
@media (max-width:560px){
  .da-flow{grid-template-columns:1fr 1fr}
  .da-step::after{display:none}
  .da-work-sm{grid-template-columns:1fr}
  .da-stage{padding:22px 22px 20px}
  body::before{inset:-10%;background-position:60% 20%}
}

/* tablica cjenika */
.da-table-wrap{overflow-x:auto;border:1px solid var(--gline);border-radius:16px;background:var(--glass);backdrop-filter:blur(14px);margin-bottom:24px}
.da-table{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.da-table caption{caption-side:top;text-align:left;padding:18px 20px 6px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8FA6C2}
.da-table th,.da-table td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--gline);color:var(--text)}
.da-table th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8FA6C2;font-weight:500}
.da-table td:nth-child(2){font-family:var(--disp);font-weight:600;color:#F2F6FB;white-space:nowrap}
.da-table td:nth-child(3){color:var(--muted);white-space:nowrap}
.da-table tr:last-child td{border-bottom:0}
.da-table a{color:#BFE0FF}
.legal ul{margin:12px 0 0 20px}
.legal a{color:#6BB8FF;text-decoration:underline;text-underline-offset:3px}

/* česta pitanja (i na naslovnici) */
.faqbox{max-width:820px;margin:0 auto}
.faqi{background:var(--glass) !important;border:1px solid var(--gline) !important;border-radius:14px;padding:24px 26px;margin-bottom:14px;backdrop-filter:blur(14px)}
.faqi h3{font-size:17px;letter-spacing:-.01em;margin-bottom:10px}
.faqi p{color:var(--muted) !important;font-size:15px;line-height:1.6}

/* ostali svijetli blokovi s podstranica */
.facts .fct,.flow3 .fbox,.pricebox,.sblock{background:var(--glass) !important;border-color:var(--gline) !important;backdrop-filter:blur(14px)}
.cw-panel{background:#0B1A30 !important;border-color:var(--gline2) !important}
.pricebox *{border-color:var(--gline)}

/* ===== v2: dokaz u heroju, rezultati, primjer ===== */
.da-icp{margin-top:16px;max-width:46ch;font-size:clamp(15px,1.15vw,17px);color:#BFE0FF;font-weight:500;padding-left:14px;border-left:2px solid #3AA0FF}
.da-ctanote{margin-top:12px;font-size:14px;color:var(--d-muted,#8197B8)}
.da-proof{margin-top:30px;display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 18px;border-radius:14px;background:rgba(12,26,48,.62);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);color:#DCE6F2;max-width:100%;transition:border-color .3s,transform .4s var(--ease)}
.da-proof:hover{border-color:rgba(107,184,255,.5);transform:translateY(-2px)}
.da-proof-k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6BB8FF;width:100%}
.da-proof-v{font-size:14.5px;color:#B8C7DA}
.da-proof-v b{font-family:var(--disp);font-weight:600;font-size:19px;color:#fff;letter-spacing:-.02em;margin-right:4px}
.da-proof i{width:3px;height:3px;border-radius:50%;background:#5A6F93}
.da-proof-s{font-size:12.5px;color:#8197B8;width:100%}
.da-results-sec{padding-top:0 !important}
.da-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.da-res{display:flex;flex-direction:column;gap:8px;padding:28px;border-radius:20px;background:var(--glass);border:1px solid var(--gline);backdrop-filter:blur(14px);color:inherit;transition:border-color .3s,transform .4s var(--ease)}
.da-res:hover{border-color:rgba(107,184,255,.5);transform:translateY(-4px)}
.da-res .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#6BB8FF}
.da-res b{font-family:var(--disp);font-weight:600;font-size:clamp(38px,4vw,54px);letter-spacing:-.04em;color:#fff;line-height:1;margin-top:6px}
.da-res .m{font-size:15px;line-height:1.5;color:var(--muted)}
.da-res .go{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#BFE0FF}
.da-res .go svg{width:15px;height:15px}
.da-example{margin:0 0 26px;max-width:78ch;padding:20px 22px;border-radius:16px;background:rgba(58,160,255,.08);border:1px solid rgba(58,160,255,.3);color:#D5E0EE;font-size:16px;line-height:1.6}
.da-example span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#6BB8FF;margin-bottom:6px}

/* ukratko blok na uslugama */
.da-brief{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.da-brief>div{padding:22px;border-radius:16px;background:var(--glass);border:1px solid var(--gline);backdrop-filter:blur(14px)}
.da-brief h3{font-size:15px !important;font-family:var(--mono) !important;letter-spacing:.1em !important;text-transform:uppercase;color:#6BB8FF !important;font-weight:500;margin-bottom:10px}
.da-brief p,.da-brief li{font-size:15px;line-height:1.55;color:var(--text)}
.da-brief ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.da-brief li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#3AA0FF;margin-right:9px;vertical-align:middle}
.da-brief .no li::before{background:#8197B8}
.da-brief .price b{font-family:var(--disp);font-size:30px;color:#fff;letter-spacing:-.03em}
.da-brief .next{background:rgba(58,160,255,.1);border-color:rgba(58,160,255,.4)}

/* testimonial / edukacije proizvodi / case study */
.da-cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.da-prod{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:20px;background:var(--glass);border:1px solid var(--gline);backdrop-filter:blur(14px)}
.da-prod h3{font-size:22px !important}
.da-prod dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14.5px}
.da-prod dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#8FA6C2;padding-top:3px}
.da-prod dd{color:var(--text)}
.da-prod .pr{font-family:var(--disp);font-size:28px;font-weight:600;color:#fff;margin-top:auto}
.da-case-cta{margin-top:22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:14px;background:rgba(58,160,255,.08);border:1px solid rgba(58,160,255,.3)}
.da-case-cta b{font-family:var(--disp);font-size:18px;color:#fff}

@media (max-width:860px){.da-results,.da-brief,.da-cards3{grid-template-columns:1fr}}
@media (max-width:560px){
  .hero h1,.pagehero h1{font-size:clamp(32px,9vw,40px) !important;line-height:1.05}
  .hero{padding-top:112px !important}
  .hero-lead{margin-top:16px !important}
  .hero-cta{margin-top:22px !important}
  .hero-cta .btn{width:100%;justify-content:center}
  .da-proof{margin-top:22px}
  .da-portrait{max-width:300px}
  .da-work{gap:26px}
  .da-res{padding:22px}
}
#google-ads,#seo,#web{scroll-margin-top:110px}
@media (min-width:561px){.hero h1{font-size:clamp(40px,4.3vw,62px) !important;max-width:15ch !important}}
.da-cmp td:nth-child(2),.da-cmp td:nth-child(3){font-family:var(--body);font-weight:400;color:var(--text);white-space:normal}
.da-cmp td:first-child{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8FA6C2}
.da-cmp td:last-child,.da-cmp th:last-child{color:#BFE0FF;background:rgba(58,160,255,.07)}

/* v3: slike u karticama rezultata, recenzije, jači kontrast */
.da-res{padding:0 0 26px !important;overflow:hidden}
.da-res>*:not(img){margin-left:26px;margin-right:26px}
.da-res-img{width:100%;height:170px;object-fit:cover;object-position:top;display:block;margin-bottom:14px;border-bottom:1px solid var(--gline);transition:transform .8s var(--ease)}
.da-res:hover .da-res-img{transform:scale(1.04)}
.da-rev-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.da-gscore{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:14px;background:var(--glass);border:1px solid var(--gline2);color:#F2F6FB}
.da-gscore b{font-family:var(--disp);font-size:32px;font-weight:600}
.da-gscore small{color:#C9D5E4;font-size:14px}
.da-stars{color:#FBBC04;letter-spacing:2px;font-size:16px}
.da-quote{margin:0;display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:20px;background:var(--glass);border:1px solid var(--gline);backdrop-filter:blur(14px)}
.da-quote blockquote{margin:0;font-size:16.5px;line-height:1.6;color:#EAF0F7}
.da-quote figcaption{margin-top:auto;display:flex;align-items:center;gap:12px}
.da-quote .av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#3AA0FF,#0C447C);color:#fff;font-family:var(--disp);font-weight:600}
.da-quote b{display:block;color:#fff;font-size:15px}
.da-quote small{color:#C9D5E4;font-size:13px}

/* kontrast: svjetliji sekundarni tekst na tamnoj pozadini */
body{--text:#E6EDF6;--muted:#C9D5E4;--faint:#A9B8CC;--d-text:#E6EDF6;--d-muted:#C9D5E4;--d-faint:#A9B8CC}
.hero-lead,.lead,.sec-h p,.ltext p,.tile p,.faqi p,.da-step p,.da-res .m,.da-meta small,.da-ctanote,.prof-txt p,.certcard p,.proc .st p,.lblock .ltext p,.checks div,.cirow .k,.crumb,.crumb a,.note,.note span,.resl,.foot,.foot a,.foot p,.foot-col a,.foot-bot,.field label,.da-anchor,.da-proof-s{color:#C9D5E4 !important}
.kick,.da-res .k,.da-step .n{color:#8FCBFF !important}
.foot-col h4,.cirow .v{color:#fff !important}
.da-table th,.da-table caption,.da-prod dt,.da-cmp td:first-child{color:#B7C6D8 !important}
.hero-cred .l,.dash-top .rng{color:#A9B8CC !important}
.da-rev-head h2{font-size:clamp(32px,4.4vw,60px);margin-top:12px}

/* širina: na velikim ekranima šire, na malima uz rub */
:root{--max:1320px}
@media (min-width:1600px){:root{--max:1480px}.wrap{padding:0 48px}}
@media (min-width:1920px){:root{--max:1600px}}
@media (max-width:560px){.wrap{padding:0 18px}}