/* Optional service modules; the base service layouts remain unchanged. */
.seo-detail .service-open-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.seo-detail .service-open-grid article{border-top:2px solid #c5a253;padding-top:24px;min-width:0}
.seo-detail .service-open-grid h3{margin:0 0 16px;font-family:Georgia,serif}
.seo-detail .service-open-grid p,.seo-detail .service-list,.seo-detail .service-measure-rows p,.seo-detail .service-fit p,.seo-detail .service-pricing p,.seo-detail .service-measurement p{font-size:1.0625rem}
.seo-detail .service-outcome,.seo-detail .service-measurement{background:var(--detail-grey)}
.seo-detail .service-pricing{background:var(--detail-dark);color:#fff}
.seo-detail .service-pricing .eyebrow{color:#ddc485}
.seo-detail .service-fit{background:var(--detail-paper)}
.seo-detail .service-list{padding-left:22px;line-height:1.75;margin:24px 0}
.seo-detail .service-list li{padding-left:6px;margin-bottom:16px}
.seo-detail .service-list li::marker{color:#947126}
.seo-detail .service-pricing .service-list li::marker{color:#ddc485}
.seo-detail .service-measure-rows article{border-top:1px solid #c9c4b8;padding:24px 0}
.seo-detail .service-measure-rows article:first-child{padding-top:0;border-top:0}
.seo-detail .service-measure-rows h3{margin:0 0 12px}
.seo-detail .service-note{border-left:3px solid #947126;padding-left:20px}
.seo-detail .service-handover .service-open-grid + .service-note{margin-top:32px}
.seo-detail #formy-wspolpracy article{border-top:0;padding-top:0}
.seo-detail .ai-cooperation-art{display:block;width:100%;height:210px;object-fit:contain;margin-bottom:24px}
.seo-detail .ai-scope-icon{display:block;width:36px;height:36px;color:#d4b66e;margin-bottom:20px}
.seo-detail .ai-scope-icon svg{width:100%;height:100%}
.seo-detail #wspolpraca .service-open-grid{grid-template-columns:1fr;gap:24px}
.seo-detail #wspolpraca article{display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px;align-items:center}
.seo-detail .ai-implementation-art{width:190px;height:140px;object-fit:contain}
.seo-detail .ai-implementation-copy{max-width:880px}
@media(max-width:760px){.seo-detail #wspolpraca article{grid-template-columns:90px minmax(0,1fr);gap:18px}.seo-detail .ai-implementation-art{width:90px;height:100px}.seo-detail .ai-cooperation-art{height:200px}}
.seo-detail .service-fit a{color:#68501e;text-decoration:underline;text-underline-offset:4px}
.seo-detail .service-monitoring{background:#FAF7F2}
.seo-detail .service-monitoring-preview{width:100%;aspect-ratio:16/9;display:grid;place-items:center;border:1px dashed #b8b1a4;background:#F4EEE2;color:#685b44;border-radius:4px;text-align:center;padding:24px;box-sizing:border-box}
.seo-detail .service-monitoring-preview span{font-size:1rem;line-height:1.5}
.seo-detail .service-monitoring-description{max-width:80ch;margin:28px 0 0;font-size:1.125rem;line-height:1.75}
.seo-detail .service-monitoring-screen{display:block;width:100%;height:auto;border:1px solid #dedbd5;border-radius:4px;box-sizing:border-box}
.seo-detail .service-monitoring-viewport{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.seo-detail .service-monitoring-viewport:focus-visible{outline:2px solid #947126;outline-offset:5px}
.seo-detail .service-diagram{margin:36px 0 0;padding-top:28px;border-top:1px solid #c9c4b8}
.seo-detail .service-diagram figcaption{font-size:1.125rem;font-weight:600;margin-bottom:24px}
.seo-detail .service-diagram ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.seo-detail .service-diagram ol:has(li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.seo-detail .service-diagram li{position:relative;min-width:0;padding-right:20px}
.seo-detail .service-diagram li:not(:last-child)::after{content:'\2192';position:absolute;right:0;top:2px;color:#9a7a2e;font-size:1.25rem}
.seo-detail .service-diagram strong{display:block;margin:14px 0 6px;font-size:1.0625rem}
.seo-detail .service-diagram li>span:last-child{font-size:1rem;line-height:1.55;color:#504e49;display:block}
@media(max-width:760px){
 .seo-detail .service-monitoring-screen{width:960px;max-width:none}
 .seo-detail .service-diagram ol,.seo-detail .service-diagram ol:has(li:nth-child(3):last-child){grid-template-columns:1fr;gap:24px}
 .seo-detail .service-diagram li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:16px;padding:0 0 22px;border-bottom:1px solid #dedbd5}
 .seo-detail .service-diagram li:last-child{border-bottom:0;padding-bottom:0}
 .seo-detail .service-diagram strong{margin:0 0 6px}
 .seo-detail .service-diagram li>span:last-child{grid-column:2}
 .seo-detail .service-diagram li:not(:last-child)::after{content:none}
}
@media(max-width:900px){.seo-detail .service-open-grid{grid-template-columns:1fr;gap:24px}}
/* Pas wyników e-commerce na /seo-ecommerce/ – wariant pasa #pierwszy-dowod z home, liczby statyczne (2026-10-30). */
.seo-detail #wyniki-sklepy.w2{padding:26px 0 22px;background:#1c1917;color:#f6f1e8}
.seo-detail #wyniki-sklepy .w-kicker{font:600 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#e7d4a8;margin:0;max-width:none}
.seo-detail #wyniki-sklepy .w-list{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.seo-detail #wyniki-sklepy .w-list li{min-width:0;margin:0;padding:0 32px;border-left:1px solid rgba(246,241,232,.18)}
.seo-detail #wyniki-sklepy .w-list li:first-child{padding-left:0;border-left:0}
.seo-detail #wyniki-sklepy .w-list a{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none}
.seo-detail #wyniki-sklepy .metric{font:400 38px/1 'Avenir Next',Avenir,Arial,sans-serif;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;margin:0;color:#fff}
.seo-detail #wyniki-sklepy .w-txt{display:flex;flex-direction:column;font-size:14px;line-height:1.4}
.seo-detail #wyniki-sklepy .w-txt,.seo-detail #wyniki-sklepy .w-foot{font-family:Charter,"Bitstream Charter","Sitka Text",Georgia,serif}
.seo-detail #wyniki-sklepy .w-nw{white-space:nowrap}
.seo-detail #wyniki-sklepy .w-case{color:#cfc6b6;font-size:13px;margin-top:2px}
.seo-detail #wyniki-sklepy .w-period{color:#b9b0a1;font-size:12.5px;margin-top:2px}
.seo-detail #wyniki-sklepy .w-list a:hover .w-case{color:#e7d4a8;text-decoration:underline}
.seo-detail #wyniki-sklepy .w-list a:focus-visible{outline:2px solid #e7d4a8;outline-offset:4px}
.seo-detail #wyniki-sklepy .w-foot{font-size:12.5px;line-height:1.6;color:#b9b0a1;margin:16px 0 0}
.seo-detail #wyniki-sklepy .w-foot a{color:#e7d4a8;font-weight:600;margin-left:6px}
@media(max-width:1100px){.seo-detail #wyniki-sklepy .w-list a{flex-direction:column;align-items:flex-start;gap:6px}.seo-detail #wyniki-sklepy .w-list li{padding:0 20px}}
@media(max-width:700px){.seo-detail #wyniki-sklepy .w-list{grid-template-columns:minmax(0,1fr);gap:14px}.seo-detail #wyniki-sklepy .w-list li,.seo-detail #wyniki-sklepy .w-list li:first-child{padding:0 0 14px;border-left:0;border-bottom:1px solid rgba(246,241,232,.18)}
.seo-detail #wyniki-sklepy .w-list a{flex-direction:row;align-items:center}.seo-detail #wyniki-sklepy .metric{font-size:32px;min-width:150px}}
/* Sekcja "Cennik" na /pozycjonowanie-stron/ (decyzja Marka 2026-11-01). */
.seo-detail .service-price-list h3{margin:32px 0 10px;font-family:Georgia,serif;font-size:1.25rem;color:#fff}
.seo-detail .service-price-list h3:first-child{margin-top:0}
.seo-detail .service-price-list p{color:rgba(255,255,255,.86);margin:0}
.seo-detail .service-price-list .price-steps{margin:36px 0 0;display:grid;gap:0;border-top:1px solid rgba(221,196,133,.35)}
.seo-detail .service-price-list .price-steps>div{padding:22px 0;border-bottom:1px solid rgba(221,196,133,.35);display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:baseline}
.seo-detail .service-price-list .price-steps dt{font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:#ddc485;font-weight:600}
.seo-detail .service-price-list .price-steps dd{margin:0;display:grid;gap:6px}
.seo-detail .service-price-list .price-steps strong{font-family:Georgia,serif;font-size:clamp(1.625rem,2.4vw,2.125rem);font-weight:400;line-height:1.15;color:#fff}
.seo-detail .service-price-list .price-steps span{font-size:1rem;line-height:1.55;color:rgba(255,255,255,.78)}
@media(max-width:520px){.seo-detail .service-price-list .price-steps>div{grid-template-columns:minmax(0,1fr);gap:6px}}
