:root .dg-delivery-page { --dg-delivery-max: 1320px; --dg-delivery-line: rgba(255, 255, 255, 0.1); --dg-delivery-panel: #111111; --dg-delivery-section-y: clamp(3.5rem, 5vw, 4.75rem); --dg-delivery-card-padding: clamp(1.35rem, 2vw, 1.85rem); width: 100%; overflow-x: hidden; overflow-x: clip; background: var(--dg-bg); color: var(--dg-text); font-family: 'DM Sans', sans-serif; } :root .dg-delivery-page, :root .dg-delivery-page *, :root .dg-delivery-page *::before, :root .dg-delivery-page *::after { box-sizing: border-box; } :root .dg-delivery-page h1, :root .dg-delivery-page h2, :root .dg-delivery-page h3, :root .dg-delivery-page p, :root .dg-delivery-page ul, :root .dg-delivery-page figure { margin-block: 0; } :root .dg-delivery-shell { width: min(100%, var(--dg-delivery-max)); margin-inline: auto; min-width: 0; } :root .dg-delivery-section { padding: var(--dg-delivery-section-y) var(--dg-section-px); } :root .dg-delivery-eyebrow { color: var(--dg-accent); font-size: 0.72rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.18em; text-transform: uppercase; } :root .dg-delivery-title { max-width: 760px; color: var(--dg-text); font-family: 'Cormorant Garamond', serif; font-size: clamp(2.35rem, 4.5vw, 4.4rem); font-weight: 400; line-height: 1; letter-spacing: -0.035em; overflow-wrap: anywhere; text-wrap: balance; } :root .dg-delivery-heading { display: grid; gap: 1rem; } :root .dg-delivery-heading-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr); align-items: end; gap: clamp(2rem, 5vw, 5rem); } :root .dg-delivery-heading-row__text { max-width: 460px; color: var(--dg-text-muted); font-size: 0.95rem; line-height: 1.7; }  :root .dg-delivery-hero { position: relative; padding: clamp(1rem, 1.75vw, 1.5rem) var(--dg-section-px) clamp(2.5rem, 3.5vw, 3.25rem); background: radial-gradient(circle at 76% 34%, rgba(200, 169, 110, 0.1), transparent 30%), linear-gradient(180deg, #0d0d0d 0%, var(--dg-bg) 100%); } :root .dg-delivery-hero::after { content: 'ДОСТАВКА'; position: absolute; right: -0.05em; bottom: -0.12em; color: rgba(255, 255, 255, 0.018); font: 600 clamp(6rem, 14vw, 16rem)/0.8 'Oswald', sans-serif; letter-spacing: -0.04em; pointer-events: none; } :root .dg-delivery-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 0.64fr); align-items: start; gap: clamp(2.5rem, 5vw, 5rem); } :root .dg-delivery-hero__content, :root .dg-delivery-route, :root .dg-delivery-payment__intro, :root .dg-delivery-install__content, :root .dg-delivery-heading { min-width: 0; } :root .dg-delivery-breadcrumbs { margin-bottom: clamp(2rem, 3vw, 3rem); display: flex; align-items: center; gap: 0.6rem; color: var(--dg-text-muted); font-size: 0.8rem; } :root .dg-delivery-breadcrumbs a { color: var(--dg-accent); font-weight: 700; text-decoration: none; } :root .dg-delivery-hero__title { max-width: 760px; margin-top: 1rem; color: var(--dg-text); font-family: 'Cormorant Garamond', serif; font-size: clamp(3.5rem, 5.2vw, 5.5rem); font-weight: 400; line-height: 0.94; letter-spacing: -0.05em; overflow-wrap: anywhere; text-wrap: balance; } :root .dg-delivery-hero__title em { display: block; margin-top: 0.08em; padding-bottom: 0.16em; color: var(--dg-accent); font-weight: 300; line-height: 1; } :root .dg-delivery-hero__lead { max-width: 690px; margin-top: clamp(1.1rem, 1.8vw, 1.65rem); color: #c6c6c6; font-size: clamp(1rem, 1.4vw, 1.15rem); line-height: 1.7; } :root .dg-delivery-actions { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 0.75rem; } :root .dg-delivery-button .wp-block-button__link { min-height: 50px; padding: 0.95rem 1.35rem; border: 1px solid var(--dg-accent); border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; font: 700 0.82rem/1 'DM Sans', sans-serif; transition: transform var(--dg-duration) var(--dg-ease), background var(--dg-duration) var(--dg-ease), color var(--dg-duration) var(--dg-ease); } :root .dg-delivery-button--primary .wp-block-button__link { background: var(--dg-accent); color: #0a0a0a; } :root .dg-delivery-button--ghost .wp-block-button__link { background: transparent; color: var(--dg-accent); } :root .dg-delivery-button .wp-block-button__link:hover, :root .dg-delivery-button .wp-block-button__link:focus-visible { transform: translateY(-2px); outline: none; } :root .dg-delivery-button--primary .wp-block-button__link:hover, :root .dg-delivery-button--primary .wp-block-button__link:focus-visible { background: #dbc08d; } :root .dg-delivery-button--ghost .wp-block-button__link:hover, :root .dg-delivery-button--ghost .wp-block-button__link:focus-visible { background: rgba(200, 169, 110, 0.09); } :root .dg-delivery-route { position: relative; min-height: 380px; padding: clamp(1.4rem, 2.4vw, 1.85rem); border: 1px solid rgba(200, 169, 110, 0.3); background: linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px), linear-gradient(145deg, #171717, #0e0e0e); background-size: 42px 42px, 42px 42px, auto; display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; align-content: start; gap: 0.85rem; overflow: hidden; } :root .dg-delivery-route::after { content: ''; position: absolute; top: 46%; left: 52%; width: 250px; height: 250px; border: 1px solid rgba(200, 169, 110, 0.08); border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 52px rgba(200, 169, 110, 0.018); } :root .dg-delivery-route__label { position: relative; z-index: 2; color: var(--dg-text-muted); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } :root .dg-delivery-map { position: relative; z-index: 2; width: min(68%, 320px); margin-inline: auto; aspect-ratio: 900 / 608; } :root .dg-delivery-map__image, :root .dg-delivery-map__image img { width: 100%; height: 100%; } :root .dg-delivery-map__image { position: absolute; inset: 0; margin: 0; } :root .dg-delivery-map__image img { display: block; object-fit: contain; filter: drop-shadow(0 0 18px rgba(200, 169, 110, 0.08)); } :root .dg-delivery-map__route-line { position: absolute; z-index: 3; left: var(--dg-map-origin-x, 36.5%); top: var(--dg-map-origin-y, 27%); width: var(--dg-map-route-length, 0); height: 2px; border: 0; border-radius: 999px; background: linear-gradient(90deg, rgba(200, 169, 110, 0.3), #e1bf79 52%, var(--dg-accent)); box-shadow: 0 0 10px rgba(200, 169, 110, 0.5); transform: rotate(var(--dg-map-route-angle, 0deg)); transform-origin: 0 50%; opacity: 0; transition: opacity 320ms ease; } :root .dg-delivery-map__route-line::after { content: ''; position: absolute; right: -1px; top: -4px; width: 7px; height: 7px; border-top: 1px solid var(--dg-accent); border-right: 1px solid var(--dg-accent); transform: rotate(45deg); animation: dg-delivery-map-arrow 1.4s ease-in-out infinite alternate; } :root .dg-delivery-route.has-local-city:not(.is-local-origin) .dg-delivery-map__route-line { opacity: 1; } :root .dg-delivery-map__network-line { position: absolute; z-index: 2; left: var(--dg-map-origin-x, 36.5%); top: var(--dg-map-origin-y, 27%); height: 1px; border-top: 1px dashed rgba(200, 169, 110, 0.4); transform-origin: 0 50%; opacity: 0.62; pointer-events: none; transition: opacity 320ms ease; } :root .dg-delivery-map__network-line::after { content: ''; position: absolute; right: -1px; top: -3px; width: 5px; height: 5px; border-top: 1px solid rgba(200, 169, 110, 0.72); border-right: 1px solid rgba(200, 169, 110, 0.72); transform: rotate(45deg); } :root .dg-delivery-map__network-marker { position: absolute; z-index: 3; width: 5px; height: 5px; border-radius: 50%; background: rgba(200, 169, 110, 0.78); box-shadow: 0 0 0 3px rgba(200, 169, 110, 0.08); transform: translate(-50%, -50%); opacity: 0.9; pointer-events: none; transition: opacity 320ms ease; } :root .dg-delivery-map__marker { position: absolute; z-index: 4; width: 10px; height: 10px; border: 2px solid #101010; border-radius: 50%; background: var(--dg-accent); box-shadow: 0 0 0 1px var(--dg-accent); transform: translate(-50%, -50%); } :root .dg-delivery-map__marker::after { content: ''; position: absolute; inset: -8px; border: 1px solid rgba(200, 169, 110, 0.48); border-radius: inherit; opacity: 0.65; animation: dg-delivery-map-pulse 2.2s ease-out infinite; } :root .dg-delivery-map__marker--origin { left: var(--dg-map-origin-x, 36.5%); top: var(--dg-map-origin-y, 27%); } :root .dg-delivery-map__marker--destination { left: var(--dg-map-destination-x, 50%); top: var(--dg-map-destination-y, 50%); display: none; } :root .dg-delivery-route.has-local-city:not(.is-local-origin) .dg-delivery-map__marker--destination { display: block; } :root .dg-delivery-route.is-local-origin .dg-delivery-map__marker--origin::after { inset: -12px; border-color: rgba(200, 169, 110, 0.72); } :root .dg-delivery-route__summary { position: relative; z-index: 2; padding-top: 0.85rem; border-top: 1px solid var(--dg-delivery-line); display: grid; grid-template-columns: minmax(0, 1fr) minmax(58px, 0.48fr) minmax(0, 1fr); align-items: center; gap: 0.75rem; } :root .dg-delivery-route__point { display: grid; gap: 0.25rem; } :root .dg-delivery-route__point--finish { justify-items: end; text-align: right; } :root .dg-delivery-route__journey { --dg-delivery-vehicle-distance: clamp(20px, 3vw, 38px); position: relative; min-width: 0; height: 22px; } :root .dg-delivery-route__journey::before { content: ''; position: absolute; top: 11px; right: 0; left: 0; border-top: 1px dashed rgba(200, 169, 110, 0.52); } :root .dg-delivery-route__journey::after { content: ''; position: absolute; right: 0; top: 8px; width: 6px; height: 6px; border-top: 1px solid var(--dg-accent); border-right: 1px solid var(--dg-accent); transform: rotate(45deg); } :root .dg-delivery-route__vehicle { position: absolute; z-index: 2; left: 1px; top: 4px; width: 18px; height: 10px; border: 1px solid var(--dg-accent); border-radius: 2px 1px 1px 2px; background: #111; animation: dg-delivery-vehicle 2.8s var(--dg-ease) infinite alternate; transform-origin: left center; } :root .dg-delivery-route__vehicle::before { content: ''; position: absolute; right: -7px; bottom: -1px; width: 7px; height: 8px; border: 1px solid var(--dg-accent); border-left: 0; border-radius: 0 3px 1px 0; background: #111; } :root .dg-delivery-route__vehicle::after { content: ''; position: absolute; left: 2px; bottom: -4px; width: 4px; height: 4px; border: 1px solid var(--dg-accent); border-radius: 50%; background: #111; box-shadow: 14px 0 0 -1px #111, 14px 0 0 0 var(--dg-accent); } :root .dg-delivery-route__point > p:first-of-type { max-width: 100%; color: var(--dg-text); font-size: 0.9rem; font-weight: 700; overflow-wrap: anywhere; } :root .dg-delivery-route__point > p:last-of-type { color: var(--dg-text-muted); font-size: 0.7rem; line-height: 1.35; } :root .dg-delivery-route__note { position: relative; z-index: 2; max-width: 420px; color: var(--dg-text-muted); font-size: 0.72rem; line-height: 1.45; } :root .dg-delivery-debug { position: relative; z-index: 2; margin-top: 0.15rem; display: flex; align-items: center; justify-content: flex-end; gap: 0.55rem; color: rgba(200, 169, 110, 0.82); font-size: 0.64rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; } :root .dg-delivery-debug__select { min-width: min(100%, 230px); min-height: 32px; padding: 0.35rem 1.75rem 0.35rem 0.6rem; border: 1px solid rgba(200, 169, 110, 0.44); border-radius: 4px; outline: 0; background: #121212; color: var(--dg-text); font: inherit; letter-spacing: 0; text-transform: none; } :root .dg-delivery-debug__select:focus-visible { border-color: var(--dg-accent); box-shadow: 0 0 0 2px rgba(200, 169, 110, 0.18); }  :root .dg-delivery-options { padding-top: clamp(2.5rem, 3.5vw, 3.25rem); } :root .dg-delivery-cards { margin-top: clamp(2rem, 3vw, 2.75rem); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--dg-delivery-line); } :root .dg-delivery-card { position: relative; min-height: 300px; padding: var(--dg-delivery-card-padding); display: grid; align-content: start; gap: 1rem; transition: background var(--dg-duration) var(--dg-ease); } :root .dg-delivery-card + .dg-delivery-card { border-left: 1px solid var(--dg-delivery-line); } :root .dg-delivery-card:hover { background: rgba(255, 255, 255, 0.018); } :root .dg-delivery-card--featured { background: linear-gradient(180deg, rgba(200, 169, 110, 0.08), transparent 60%); } :root .dg-delivery-card__tag { position: absolute; top: 1.6rem; right: 1.5rem; padding: 0.35rem 0.55rem; border: 1px solid rgba(200, 169, 110, 0.35); border-radius: 999px; color: var(--dg-accent); font-size: 0.66rem; font-weight: 700; text-transform: uppercase; } :root .dg-delivery-card h3 { margin-top: 0.25rem; color: var(--dg-text); font-family: 'Cormorant Garamond', serif; font-size: clamp(1.55rem, 2.4vw, 2.25rem); font-weight: 500; line-height: 1.05; } :root .dg-delivery-card--featured h3 { padding-right: 7.5rem; } :root .dg-delivery-card > p:not(.dg-delivery-card__tag, .dg-delivery-card__hint) { color: var(--dg-text-muted); font-size: 0.9rem; line-height: 1.7; } :root .dg-delivery-card ul { padding: 0; display: grid; gap: 0.55rem; list-style: none; } :root .dg-delivery-card li { position: relative; padding-left: 1.2rem; color: #c6c6c6; font-size: 0.82rem; line-height: 1.45; } :root .dg-delivery-card li::before { content: '✓'; position: absolute; left: 0; color: var(--dg-accent); } :root .dg-delivery-card__chips { margin-top: auto; display: flex; flex-wrap: wrap; gap: 0.45rem; } :root .dg-delivery-card__chips p { padding: 0.4rem 0.65rem; border: 1px solid var(--dg-delivery-line); border-radius: 999px; color: #c7c7c7; font-size: 0.72rem; } :root .dg-delivery-card__hint { margin-top: auto; padding: 0.85rem 0 0 1.25rem; border-top: 1px solid var(--dg-delivery-line); color: var(--dg-accent); font-size: 0.76rem; line-height: 1.5; }  :root .dg-delivery-payment { background: #0d0d0d; } :root .dg-delivery-payment__grid { display: grid; grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1fr); gap: clamp(2.5rem, 5vw, 5rem); } :root .dg-delivery-payment__intro { display: grid; align-content: start; gap: 1.15rem; } :root .dg-delivery-payment__intro > p:last-child { max-width: 520px; color: var(--dg-text-muted); font-size: 0.94rem; line-height: 1.75; } :root .dg-delivery-payment__list { border-top: 1px solid var(--dg-delivery-line); } :root .dg-delivery-pay-item { padding: 1.35rem 0; border-bottom: 1px solid var(--dg-delivery-line); display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: start; gap: 1rem; } :root .dg-delivery-pay-item__icon { width: 40px; height: 40px; border: 1px solid rgba(200, 169, 110, 0.4); border-radius: 50%; color: var(--dg-accent); display: grid; place-items: center; font-size: 0.9rem; font-weight: 700; } :root .dg-delivery-pay-item > .wp-block-group { display: grid; gap: 0.35rem; } :root .dg-delivery-pay-item h3 { color: var(--dg-text); font-family: 'DM Sans', sans-serif; font-size: 0.95rem; font-weight: 700; } :root .dg-delivery-pay-item .wp-block-group p { color: var(--dg-text-muted); font-size: 0.84rem; line-height: 1.55; }  :root .dg-delivery-flow__steps { margin-top: clamp(2rem, 3vw, 2.75rem); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--dg-delivery-line); border-bottom: 1px solid var(--dg-delivery-line); } :root .dg-delivery-flow__step { min-height: 155px; padding: 1.5rem clamp(1rem, 2vw, 1.75rem); display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 1rem; } :root .dg-delivery-flow__step + .dg-delivery-flow__step { border-left: 1px solid var(--dg-delivery-line); } :root .dg-delivery-flow__icon { width: 34px; height: 34px; margin: 0; } :root .dg-delivery-flow__icon img { display: block; width: 100%; height: 100%; } :root .dg-delivery-flow__copy { display: grid; gap: 0.55rem; } :root .dg-delivery-flow__step h3, :root .dg-delivery-factor h3, :root .dg-delivery-note__item h3 { color: var(--dg-text); font-family: 'DM Sans', sans-serif; font-size: 0.95rem; font-weight: 700; } :root .dg-delivery-flow__copy > p { color: var(--dg-text-muted); font-size: 0.82rem; line-height: 1.55; }  :root .dg-delivery-install { background: #0d0d0d; } :root .dg-delivery-install__grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.78fr); align-items: center; gap: clamp(2.5rem, 5vw, 5rem); } :root .dg-delivery-install__image { position: relative; aspect-ratio: 6 / 5; overflow: hidden; background: #151515 url('/wp-content/uploads/2026/06/elegant-category-elitni-pamyatnyky-1254-q95.jpg') center / cover no-repeat; } :root .dg-delivery-install__image::after { content: ''; position: absolute; inset: 1rem; border: 1px solid rgba(200, 169, 110, 0.3); pointer-events: none; } :root .dg-delivery-install__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(0.82); } :root .dg-delivery-install__content { display: grid; gap: 1.2rem; } :root .dg-delivery-install__content > p:not(.dg-delivery-eyebrow) { color: var(--dg-text-muted); font-size: 0.92rem; line-height: 1.75; } :root .dg-delivery-install__list { padding: 0; display: grid; list-style: none; } :root .dg-delivery-install__list li { position: relative; padding: 0.8rem 0 0.8rem 1.5rem; border-top: 1px solid var(--dg-delivery-line); color: #c8c8c8; font-size: 0.84rem; line-height: 1.5; } :root .dg-delivery-install__list li::before { content: none; } :root .dg-delivery-install__icon { position: absolute; left: 0; top: 0.7rem; width: 1.2rem; height: 1.2rem; color: var(--dg-accent); display: inline-flex; align-items: center; justify-content: center; } :root .dg-delivery-install__icon svg { width: 100%; height: 100%; display: block; }  :root .dg-delivery-price__grid { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1fr); gap: clamp(2.5rem, 5vw, 5rem); } :root .dg-delivery-price__grid > .dg-delivery-heading > p:last-child { max-width: 500px; color: var(--dg-text-muted); font-size: 0.9rem; line-height: 1.7; } :root .dg-delivery-price__factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--dg-delivery-line); } :root .dg-delivery-factor { min-height: 150px; padding: 1.35rem; display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 1rem; } :root .dg-delivery-factor:nth-child(2n) { border-left: 1px solid var(--dg-delivery-line); } :root .dg-delivery-factor:nth-child(n + 3) { border-top: 1px solid var(--dg-delivery-line); } :root .dg-delivery-factor__icon { width: 34px; height: 34px; margin: 0; } :root .dg-delivery-factor__icon img { display: block; width: 100%; height: 100%; } :root .dg-delivery-factor__copy { display: grid; gap: 0.5rem; } :root .dg-delivery-factor__text { color: var(--dg-text-muted); font-size: 0.78rem; line-height: 1.5; }  :root .dg-delivery-note { padding-top: 0; } :root .dg-delivery-note__grid { border-top: 1px solid var(--dg-delivery-line); border-bottom: 1px solid var(--dg-delivery-line); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } :root .dg-delivery-note__item { min-height: 140px; padding: 1.75rem; display: grid; align-content: center; gap: 0.6rem; } :root .dg-delivery-note__item + .dg-delivery-note__item { border-left: 1px solid var(--dg-delivery-line); } :root .dg-delivery-note__item > p:last-child { color: var(--dg-text-muted); font-size: 0.8rem; line-height: 1.55; }  :root .dg-delivery-cta { padding: clamp(4rem, 6vw, 5.75rem) var(--dg-section-px); background: linear-gradient(90deg, rgba(10, 10, 10, 0.96), rgba(10, 10, 10, 0.76)), url('/wp-content/uploads/2026/07/real-wide.jpg') center 58% / cover no-repeat; } :root .dg-delivery-cta__inner { display: grid; justify-items: center; text-align: center; } :root .dg-delivery-cta h2 { max-width: 900px; margin-top: 1rem; color: var(--dg-text); font-family: 'Cormorant Garamond', serif; font-size: clamp(2.8rem, 5.2vw, 5.2rem); font-weight: 400; line-height: 0.96; letter-spacing: -0.04em; } :root .dg-delivery-cta__inner > p:not(.dg-delivery-eyebrow) { max-width: 680px; margin-top: 1.25rem; color: #c5c5c5; font-size: 0.94rem; line-height: 1.7; } @media (max-width: 1180px) { :root .dg-delivery-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 2.75rem; } :root .dg-delivery-route { width: min(100%, 720px); min-height: 380px; } :root .dg-delivery-card { min-height: 350px; } } @media (max-width: 781px) { :root .dg-delivery-section { padding: 3.25rem 1rem; } :root .dg-delivery-title { font-size: clamp(2.3rem, 11vw, 3.4rem); } :root .dg-delivery-heading-row, :root .dg-delivery-hero__grid, :root .dg-delivery-payment__grid, :root .dg-delivery-install__grid, :root .dg-delivery-price__grid { grid-template-columns: minmax(0, 1fr); } :root .dg-delivery-hero { padding: 1.25rem 1rem 3.75rem; } :root .dg-delivery-hero::after { display: none; } :root .dg-delivery-breadcrumbs { margin-bottom: 1.75rem; } :root .dg-delivery-hero__title { font-size: clamp(3rem, 14vw, 4.5rem); line-height: 0.94; } :root .dg-delivery-actions, :root .dg-delivery-button, :root .dg-delivery-button .wp-block-button__link { width: 100%; } :root .dg-delivery-route { min-height: 350px; padding: 1.25rem; } :root .dg-delivery-map { width: min(76%, 280px); } :root .dg-delivery-debug { align-items: stretch; flex-direction: column; gap: 0.35rem; } :root .dg-delivery-debug__select { width: 100%; } :root .dg-delivery-cards, :root .dg-delivery-flow__steps, :root .dg-delivery-note__grid { grid-template-columns: minmax(0, 1fr); } :root .dg-delivery-card { min-height: 0; padding: 1.35rem; } :root .dg-delivery-card + .dg-delivery-card { border-top: 1px solid var(--dg-delivery-line); border-left: 0; } :root .dg-delivery-card__chips, :root .dg-delivery-card__hint { margin-top: 1rem; } :root .dg-delivery-payment__grid, :root .dg-delivery-install__grid, :root .dg-delivery-price__grid { gap: 2.5rem; }  :root .dg-delivery-factor { min-height: 0; padding: 1rem 0.9rem 1.15rem; grid-template-columns: 2rem minmax(0, 1fr); grid-template-areas: "icon copy" "text text"; align-items: start; align-content: start; gap: 0.85rem 0.65rem; } :root .dg-delivery-factor__icon { grid-area: icon; width: 2rem; height: 2rem; align-self: start; } :root .dg-delivery-factor__copy { display: contents; } :root .dg-delivery-factor h3 { grid-area: copy; min-height: 2rem; margin: 0; display: flex; align-items: center; font-size: 0.95rem; line-height: 1.18; } :root .dg-delivery-factor__text { grid-area: text; margin: 0; font-size: 0.82rem; line-height: 1.48; } :root .dg-delivery-flow__step { min-height: 120px; } :root .dg-delivery-flow__step + .dg-delivery-flow__step { border-top: 1px solid var(--dg-delivery-line); border-left: 0; } :root .dg-delivery-install__image { aspect-ratio: 1 / 1; } :root .dg-delivery-note { padding-top: 0; } :root .dg-delivery-note__item { min-height: 125px; } :root .dg-delivery-note__item + .dg-delivery-note__item { border-top: 1px solid var(--dg-delivery-line); border-left: 0; } :root .dg-delivery-cta { padding: 4.25rem 1rem; } } @media (prefers-reduced-motion: reduce) { :root .dg-delivery-button .wp-block-button__link, :root .dg-delivery-map__route-line::after, :root .dg-delivery-map__network-line, :root .dg-delivery-map__network-marker, :root .dg-delivery-map__marker::after, :root .dg-delivery-route__vehicle { transition: none; animation: none; } } @keyframes dg-delivery-vehicle { from { opacity: 0.72; transform: translateX(0); } to { opacity: 1; transform: translateX(var(--dg-delivery-vehicle-distance)); } } @keyframes dg-delivery-map-pulse { 0% { opacity: 0.7; transform: scale(0.72); } 75%, 100% { opacity: 0; transform: scale(1.45); } } @keyframes dg-delivery-map-arrow { from { opacity: 0.55; transform: translateX(-3px) rotate(45deg); } to { opacity: 1; transform: translateX(1px) rotate(45deg); } }