/* CleanPetFood: consistent complete packshots for all 20 recipes. */ @layer gdv-packshot-sizing, gdv-button-atelier, gdv-warm-luxe; @layer gdv-packshot-sizing { html body .wc-block-product:is(.post-15,.post-47,.post-20,.post-63,.post-25,.post-55,.post-68,.post-109,.post-132,.post-128,.post-31,.post-36,.post-140,.post-41,.post-173,.post-153,.post-180,.post-187,.post-198,.post-158).product.type-product .wp-block-woocommerce-product-image.wc-block-components-product-image { width:100%!important; max-width:none!important; height:auto!important; max-height:none!important; aspect-ratio:1/1!important; padding:0!important; margin-inline:0!important; background:#fff!important; overflow:hidden!important; border-radius:0!important; } html body .wc-block-product:is(.post-15,.post-47,.post-20,.post-63,.post-25,.post-55,.post-68,.post-109,.post-132,.post-128,.post-31,.post-36,.post-140,.post-41,.post-173,.post-153,.post-180,.post-187,.post-198,.post-158).product.type-product .wp-block-woocommerce-product-image.wc-block-components-product-image > a { display:block!important; width:100%!important; max-width:none!important; height:auto!important; max-height:none!important; aspect-ratio:1/1!important; padding:0!important; margin:0!important; background:#fff!important; } html body .wc-block-product:is(.post-15,.post-47,.post-20,.post-63,.post-25,.post-55,.post-68,.post-109,.post-132,.post-128,.post-31,.post-36,.post-140,.post-41,.post-173,.post-153,.post-180,.post-187,.post-198,.post-158).product.type-product .wp-block-woocommerce-product-image.wc-block-components-product-image img { display:block!important; width:100%!important; max-width:100%!important; height:auto!important; max-height:none!important; aspect-ratio:1/1!important; object-fit:contain!important; object-position:center!important; padding:0!important; margin:0!important; background:#fff!important; border-radius:0!important; box-shadow:none!important; transform:none!important; } html body li.product:is(.post-15,.post-47,.post-20,.post-63,.post-25,.post-55,.post-68,.post-109,.post-132,.post-128,.post-31,.post-36,.post-140,.post-41,.post-173,.post-153,.post-180,.post-187,.post-198,.post-158) a.woocommerce-LoopProduct-link img { display:block!important; width:100%!important; max-width:100%!important; height:auto!important; max-height:none!important; aspect-ratio:1/1!important; object-fit:contain!important; object-position:center!important; padding:0!important; background:#fff!important; border-radius:0!important; box-shadow:none!important; transform:none!important; } } /* GDV boutique actions — 2026-09-08. Replace the previous atelier block; do not append both versions. Important layer priority is reversed, so this order must be declared before gdv-warm-luxe. The shared action class also exists on decorative <em> labels: only real links, buttons and submit inputs receive the primary action skin. No display override, visibility logic, URLs, form actions or commerce changes. */ @layer gdv-button-atelier, gdv-warm-luxe; @layer gdv-button-atelier { html body:not(.wp-admin) { --gdv-button-version: restored-actions-20260908-1; --gdv-button-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' viewBox='0 0 24 16'%3E%3Cpath d='M2 8h19m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } /* Native step visibility remains authoritative, including hidden actions. */ html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) [hidden] { display: none !important; } /* Actual primary actions. Photo-card buttons, internal em/span labels, catalogue detail links and the wizard's back action are not primary CTAs. Layout display/position and native loading pseudo-elements stay untouched. */ html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) :is( a.gl-button,button.gdv-contact-submit,button.gdv-ret-submit, a.gdv-action-button, button.gdv-action-button, input[type=submit].gdv-action-button, a.gdv-subscription-page-3020__button,a.gdv-home-subscription-230__link,a.gdv-footer-pro__cta, button.gdv-guide-next, button.gdv-calculate, .woocommerce button.button, .woocommerce input[type=submit].button, .woocommerce a.button, button.wc-block-components-checkout-place-order-button ):where(:not(.gdv-guide-back, .wc-block-components-product-button__button, .gdv-pettypebuttons > button, [role=tab])) { box-sizing: border-box !important; align-items: center !important; justify-content: center !important; gap: 16px !important; min-width: 0 !important; max-width: 100% !important; min-height: 52px !important; padding: 10px 22px !important; border: 1px solid var(--gdv-action-border,#61735b) !important; border-radius:6px !important; background: var(--gdv-action-fill,#173e32) !important; color: var(--gdv-action-ink,#fff9ec) !important; box-shadow: inset 0 1px 0 #ffffff0c !important; text-shadow: none !important; font: 500 14px/1.5 var(--gdv-font-body) !important; letter-spacing: .015em !important; text-transform: none !important; text-decoration: none !important; white-space: normal !important; text-align: center !important; overflow-wrap: normal !important; transform: none !important; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important; } @media (hover: hover) { html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) :is( a.gl-button,button.gdv-contact-submit,button.gdv-ret-submit, a.gdv-action-button, button.gdv-action-button, input[type=submit].gdv-action-button, a.gdv-subscription-page-3020__button,a.gdv-home-subscription-230__link,a.gdv-footer-pro__cta, button.gdv-guide-next, button.gdv-calculate, .woocommerce button.button, .woocommerce input[type=submit].button, .woocommerce a.button, button.wc-block-components-checkout-place-order-button ):where(:not(.gdv-guide-back, .wc-block-components-product-button__button, .gdv-pettypebuttons > button, [role=tab])):not(:disabled):not(.disabled):not(.loading):not(.is-loading):not([aria-disabled=true]):not([aria-busy=true]):hover { background: var(--gdv-action-hover,#244f40) !important; border-color: var(--gdv-action-border,#65745a) !important; color: var(--gdv-action-ink,#fff9ec) !important; box-shadow: inset 0 1px 0 #ffffff16, 0 3px 8px #173e3210 !important; transform: none !important; } } html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) :is( a.gl-button,button.gdv-contact-submit,button.gdv-ret-submit, a.gdv-action-button, button.gdv-action-button, input[type=submit].gdv-action-button, a.gdv-subscription-page-3020__button,a.gdv-home-subscription-230__link,a.gdv-footer-pro__cta, button.gdv-guide-next, button.gdv-calculate, .woocommerce button.button, .woocommerce input[type=submit].button, .woocommerce a.button, button.wc-block-components-checkout-place-order-button ):where(:not(.gdv-guide-back, .wc-block-components-product-button__button, .gdv-pettypebuttons > button, [role=tab])):not(:disabled):not(.disabled):not(.loading):not(.is-loading):not([aria-disabled=true]):not([aria-busy=true]):active { background: var(--gdv-action-active,#123529) !important; border-color: var(--gdv-action-active,#123529) !important; box-shadow: inset 0 1px 2px #071d1626 !important; } /* Do not imply that unavailable actions can be purchased or submitted. */ html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) :is( a.gl-button,button.gdv-contact-submit,button.gdv-ret-submit, a.gdv-action-button, button.gdv-action-button, input[type=submit].gdv-action-button, a.gdv-subscription-page-3020__button,a.gdv-home-subscription-230__link,a.gdv-footer-pro__cta, button.gdv-guide-next, button.gdv-guide-back, button.gdv-calculate, .woocommerce button.button, .woocommerce input[type=submit].button, .woocommerce a.button, button.wc-block-components-checkout-place-order-button ):where(:not(.gdv-pettypebuttons > button, [role=tab])):is(:disabled, .disabled, [aria-disabled=true]) { opacity: .55 !important; cursor: not-allowed !important; box-shadow: none !important; transform: none !important; } html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) :is( a.gl-button,button.gdv-contact-submit,button.gdv-ret-submit, a.gdv-action-button, button.gdv-action-button, input[type=submit].gdv-action-button, a.gdv-subscription-page-3020__button,a.gdv-home-subscription-230__link,a.gdv-footer-pro__cta, button.gdv-guide-next, button.gdv-guide-back, button.gdv-calculate, .woocommerce button.button, .woocommerce input[type=submit].button, .woocommerce a.button, button.wc-block-components-checkout-place-order-button ):where(:not(.gdv-pettypebuttons > button, [role=tab])):is(.loading, .is-loading, [aria-busy=true]) { cursor: progress !important; box-shadow: none !important; transform: none !important; } /* The hero keeps one filled action and one quiet editorial text link. */ html body.home #gdv-home-luxe .gl-hero a.gl-button { min-width: 0 !important; width: min(248px, 100%) !important; justify-content: space-between !important; } html body.home #gdv-home-luxe .gl-hero-help a.gl-textlink { box-sizing: border-box !important; align-items: center !important; gap: 16px !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; min-height: 46px !important; padding: 8px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #173e32 !important; box-shadow: none !important; font: 400 14px/1.5 var(--gdv-font-body) !important; letter-spacing: 0 !important; text-decoration: none !important; transform: none !important; } html body.home #gdv-home-luxe .gl-hero-help a.gl-textlink span:first-child { border: 0 !important; border-bottom: 1px solid #b59b6d !important; padding: 0 0 3px !important; } html body.home #gdv-home-luxe .gl-hero-help a.gl-textlink:not(.disabled):not(.loading):not(.is-loading):not([aria-disabled=true]):not([aria-busy=true]):hover span:first-child { border-bottom-color: #173e32 !important; } /* Back is a genuine secondary action, without a second heavy button frame. */ html body:not(.wp-admin) .gdv-petplanner button.gdv-guide-back { box-sizing: border-box !important; min-width: 0 !important; max-width: 100% !important; min-height: 48px !important; padding: 12px 8px !important; border: 0 !important; border-radius: 4px !important; background: transparent !important; color: #173e32 !important; box-shadow: none !important; font: 400 14px/1.5 var(--gdv-font-body) !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: underline !important; text-decoration-color: #b59b6d !important; text-underline-offset: 5px !important; white-space: normal !important; transform: none !important; } html body:not(.wp-admin) .gdv-petplanner button.gdv-guide-back:not(:disabled):not(.disabled):not(.loading):not(.is-loading):not([aria-disabled=true]):not([aria-busy=true]):hover { background: transparent !important; color: #173e32 !important; text-decoration-color: #173e32 !important; } /* Catalogue actions remain product-detail text links, not invented buy CTAs. Existing availability, link targets and labels are deliberately unchanged. */ html body.gdv-catalog-premium :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) .wp-block-woocommerce-product-button a.wc-block-components-product-button__button { box-sizing: border-box !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; min-width: 0 !important; max-width: 100% !important; min-height: 46px !important; width: 100% !important; padding: 10px 0 !important; border: 0 !important; border-bottom: 1px solid #b59b6d !important; border-radius: 0 !important; background: transparent !important; color: #173e32 !important; box-shadow: none !important; font: 500 13px/1.5 var(--gdv-font-body) !important; letter-spacing: .01em !important; text-decoration: none !important; white-space: normal !important; transform: none !important; } html body.gdv-catalog-premium :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) .wp-block-woocommerce-product-button a.wc-block-components-product-button__button:not(.disabled):not(.loading):not(.is-loading):not([aria-disabled=true]):not([aria-busy=true]):hover { border-bottom-color: #173e32 !important; background: transparent !important; box-shadow: none !important; } /* Focus sits outside the shape and is not replaced by a decorative border. */ html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) :is( a.gl-button,button.gdv-contact-submit,button.gdv-ret-submit, a.gl-textlink, a.gdv-action-button, button.gdv-action-button, input[type=submit].gdv-action-button, a.gdv-subscription-page-3020__button,a.gdv-home-subscription-230__link,a.gdv-footer-pro__cta, button.gdv-guide-next, button.gdv-guide-back, button.gdv-calculate, .woocommerce button.button, .woocommerce input[type=submit].button, .woocommerce a.button, a.wc-block-components-product-button__button, button.wc-block-components-checkout-place-order-button ):where(:not(.gdv-pettypebuttons > button, [role=tab])):focus-visible { outline: 2px solid var(--gdv-action-focus,#785e2f) !important; outline-offset: 4px !important; } @media (max-width: 600px) { html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) :is( a.gl-button,button.gdv-contact-submit,button.gdv-ret-submit, a.gdv-action-button, button.gdv-action-button, input[type=submit].gdv-action-button, a.gdv-subscription-page-3020__button,a.gdv-home-subscription-230__link,a.gdv-footer-pro__cta, button.gdv-guide-next, button.gdv-calculate, .woocommerce button.button, .woocommerce input[type=submit].button, .woocommerce a.button, button.wc-block-components-checkout-place-order-button ):where(:not(.gdv-guide-back, .wc-block-components-product-button__button, .gdv-pettypebuttons > button, [role=tab])) { padding-inline: 18px !important; gap: 12px !important; font-size: 14px !important; letter-spacing: 0 !important; } html body.gdv-catalog-premium :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) .wp-block-woocommerce-product-button a.wc-block-components-product-button__button { font-size: 13px !important; letter-spacing: 0 !important; gap: 8px !important; } } @media (prefers-reduced-motion: reduce) { html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) :is( a.gl-button,button.gdv-contact-submit,button.gdv-ret-submit, a.gl-textlink, a.gdv-action-button, button.gdv-action-button, input[type=submit].gdv-action-button, a.gdv-subscription-page-3020__button,a.gdv-home-subscription-230__link,a.gdv-footer-pro__cta, button.gdv-guide-next, button.gdv-guide-back, button.gdv-calculate, .woocommerce button.button, .woocommerce input[type=submit].button, .woocommerce a.button, a.wc-block-components-product-button__button, button.wc-block-components-checkout-place-order-button ) { transition: none !important; } } /* Existing action layout, with the unified icon family below. */ html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) :is(a.gdv-action-button,button.gdv-action-button,a.gdv-subscription-page-3020__button,a.gdv-home-subscription-230__link,a.gdv-footer-pro__cta,button.gdv-guide-next,button.gdv-calculate):where(:not(.gdv-guide-back,.gdv-pettypebuttons>button,[role=tab])):has(>.gdv-action-button__arrow,>.gdv-luxe-arrow,>.gdv-subscription-page-3020__arrow){justify-content:space-between!important;gap:16px!important} html body.gdv-catalog-premium :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) .wp-block-woocommerce-product-button a.wc-block-components-product-button__button{border-bottom-color:#b59b6d!important;min-height:48px!important;letter-spacing:0!important} html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) :is(button.gdv-contact-submit,button.gdv-ret-submit){min-height:52px!important;white-space:normal!important} @media(max-width:600px){html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) :is(a.gdv-action-button,button.gdv-action-button,a.gdv-subscription-page-3020__button,a.gdv-home-subscription-230__link,a.gdv-footer-pro__cta,button.gdv-guide-next,button.gdv-calculate):where(:not(.gdv-guide-back,.gdv-pettypebuttons>button,[role=tab])):has(>.gdv-action-button__arrow,>.gdv-luxe-arrow,>.gdv-subscription-page-3020__arrow){gap:12px!important}} /* GDV unified arrows — 20260908-1. Inside gdv-button-atelier. Decorative children only: never replace button labels, loaders or photo overlays. */ html body:not(.wp-admin){ --gdv-arrow-version: arrows-20260908-3; --gdv-arrow-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --gdv-arrow-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 6 6 6-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --gdv-arrow-gold-disc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15.5' fill='none' stroke='%23e0c998' stroke-opacity='.45'/%3E%3Cpath d='M10 16h12m-5-5 5 5-5 5' fill='none' stroke='%23e0c998' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } html body:not(.wp-admin) :where(.gdv-site-arrow,.gdv-luxe-arrow,.gdv-action-button__arrow,.gdv-subscription-page-3020__arrow,#gdv-home-luxe .gl-card-link>span[aria-hidden=true],#gdv-home-luxe .gl-textlink>span[aria-hidden=true]){ --gdv-arrow-turn:0deg; --gdv-arrow-shape:var(--gdv-arrow-line); box-sizing:border-box!important;display:inline-flex!important;position:relative!important; align-items:center!important;justify-content:center!important;align-self:center!important; vertical-align:middle!important;flex:0 0 30px!important; width:30px!important;min-width:30px!important;max-width:30px!important; height:30px!important;min-height:30px!important;max-height:30px!important; margin:0!important;padding:0!important;border:1px solid #b59b6d88!important;border-radius:50%!important; background:transparent!important;color:inherit!important;box-shadow:none!important; font-size:0!important;line-height:0!important;text-indent:0!important;letter-spacing:0!important; overflow:hidden!important;transform:none!important;pointer-events:none!important; transition:background-color .18s ease,border-color .18s ease!important; } html body:not(.wp-admin) :where(.gdv-site-arrow,.gdv-luxe-arrow,.gdv-action-button__arrow,.gdv-subscription-page-3020__arrow,#gdv-home-luxe .gl-card-link>span[aria-hidden=true],#gdv-home-luxe .gl-textlink>span[aria-hidden=true])::before{ content:none!important;display:none!important; } html body:not(.wp-admin) :where(.gdv-site-arrow,.gdv-luxe-arrow,.gdv-action-button__arrow,.gdv-subscription-page-3020__arrow,#gdv-home-luxe .gl-card-link>span[aria-hidden=true],#gdv-home-luxe .gl-textlink>span[aria-hidden=true])::after{ content:""!important;display:block!important;position:static!important;inset:auto!important; width:21px!important;min-width:21px!important;height:21px!important;min-height:21px!important; margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important; background:currentColor!important;mask:var(--gdv-arrow-shape) center/contain no-repeat!important; transform:rotate(var(--gdv-arrow-turn))!important;transition:none!important; } html body:not(.wp-admin) .gdv-site-arrow[data-gdv-arrow=left]{--gdv-arrow-turn:180deg} html body:not(.wp-admin) .gdv-site-arrow[data-gdv-arrow=up]{--gdv-arrow-turn:-90deg} html body:not(.wp-admin) .gdv-site-arrow[data-gdv-arrow=down]{--gdv-arrow-turn:90deg} html body:not(.wp-admin) .gdv-site-arrow[data-gdv-arrow=up-right]{--gdv-arrow-turn:-45deg} html body:not(.wp-admin) .gdv-site-arrow[data-gdv-arrow=up-left]{--gdv-arrow-turn:-135deg} html body:not(.wp-admin) .gdv-site-arrow[data-gdv-arrow=chevron-right]{--gdv-arrow-shape:var(--gdv-arrow-chevron)} html body:not(.wp-admin) .gdv-site-arrow[data-gdv-arrow=chevron-left]{--gdv-arrow-shape:var(--gdv-arrow-chevron);--gdv-arrow-turn:180deg} /* Photo cards: an ivory disc keeps the small action legible over fur and stone. */ html body.home #gdv-home-luxe .gl-card-link{display:inline-flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important} html body.home #gdv-home-luxe .gl-card-link>span[aria-hidden=true], html body:not(.wp-admin) .gdv-pettypebuttons__copy em :is(.gdv-site-arrow,.gdv-action-button__arrow,.gdv-luxe-arrow){ width:32px!important;min-width:32px!important;max-width:32px!important;flex-basis:32px!important; height:32px!important;min-height:32px!important;max-height:32px!important; background:#fff9ec!important;border-color:#fff9ec!important;color:#173e32!important; } html body.home #gdv-home-luxe .gl-textlink{align-items:center!important;gap:12px!important} /* Filled CTAs: same geometry, restrained gold detailing, no second divider. */ html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) :is(a.gdv-action-button,button.gdv-action-button,a.gdv-subscription-page-3020__button,a.gdv-home-subscription-230__link,a.gdv-footer-pro__cta,button.gdv-guide-next,button.gdv-calculate):where(:not(.gdv-guide-back,.wc-block-components-product-button__button,.gdv-pettypebuttons>button,[role=tab])):has(>.gdv-site-arrow):not([hidden]){ align-items:center!important;justify-content:space-between!important;gap:12px!important; } html body:not(.wp-admin) :where(main,[role=main],#gdv-home-luxe,.gdv-home-subscription-230,.gdv-footer-pro) :is(a.gdv-action-button,button.gdv-action-button,a.gdv-subscription-page-3020__button,a.gdv-home-subscription-230__link,a.gdv-footer-pro__cta,button.gdv-guide-next,button.gdv-calculate):where(:not(.gdv-guide-back,.wc-block-components-product-button__button,.gdv-pettypebuttons>button,[role=tab]))>:is(.gdv-site-arrow,.gdv-action-button__arrow,.gdv-luxe-arrow,.gdv-subscription-page-3020__arrow){ color:#e0c998!important;border-color:#e0c99873!important; } html body.home #gdv-home-luxe .gl-hero a.gl-button{ background-image:none!important;padding:10px 18px 10px 22px!important;gap:18px!important; } html body.home #gdv-home-luxe .gl-hero a.gl-button::after{ content:""!important;display:block!important;box-sizing:border-box!important; width:30px!important;min-width:30px!important;max-width:30px!important;flex:0 0 30px!important; height:30px!important;min-height:30px!important;max-height:30px!important; background:var(--gdv-arrow-gold-disc) center/contain no-repeat!important;mask:none!important; border:0!important;border-radius:50%!important;transform:none!important; } html body:not(.wp-admin) .gdv-petplanner button.gdv-guide-back:not([hidden]){align-items:center!important;gap:10px!important} /* Native menu chevrons keep their SVG path and open/closed direction. */ html body:not(.wp-admin) :is(.gdv-shop-choice__trigger,.gdv-nav-choice__trigger)>svg{ width:18px!important;height:18px!important;min-width:18px!important;flex-shrink:0!important; fill:none!important;stroke:currentColor!important;stroke-width:1.8!important; stroke-linecap:round!important;stroke-linejoin:round!important; } html body:not(.wp-admin) .gdv-mobile-drawer__arrow{ width:26px!important;min-width:26px!important;max-width:26px!important;flex-basis:26px!important; height:26px!important;min-height:26px!important;max-height:26px!important; } /* The footer menu draws its arrows with CSS instead of child spans. */ html body:not(.wp-admin) .gdv-footer-pro nav[aria-labelledby=gdv-footer-nav] li>a::after{ content:""!important;display:inline-block!important;width:18px!important;height:18px!important; background:currentColor!important;mask:var(--gdv-arrow-line) center/contain no-repeat!important; vertical-align:middle!important;border:0!important;transform:none!important; } html body:not(.wp-admin) .gdv-footer-pro__cta{display:inline-flex!important;align-items:center!important;gap:12px!important} html body:not(.wp-admin) .gdv-footer-pro__cta>.gdv-site-arrow{color:inherit!important;border-color:currentColor!important} html body:not(.wp-admin) .gdv-footer-pro__trust .gdv-site-arrow{border:0!important;background:transparent!important} @media(max-width:420px){ html body:not(.wp-admin) .gdv-petplanner .gdv-guide-nav{flex-direction:column!important;align-items:stretch!important;gap:8px!important} html body:not(.wp-admin) .gdv-petplanner .gdv-guide-nav .gdv-guide-next{width:100%!important;flex:auto!important} html body:not(.wp-admin) .gdv-petplanner .gdv-guide-nav .gdv-guide-back{width:auto!important;align-self:flex-start!important;flex:auto!important} } @media(hover:hover){ html body.home #gdv-home-luxe a:hover .gl-card-link>span[aria-hidden=true], html body:not(.wp-admin) .gdv-pettypebuttons>button:hover .gdv-pettypebuttons__copy em :is(.gdv-site-arrow,.gdv-action-button__arrow,.gdv-luxe-arrow){background:#eee5d4!important;border-color:#eee5d4!important} html body.home #gdv-home-luxe a.gl-textlink:hover>span[aria-hidden=true]{background:#eee5d4!important;border-color:#9b793f!important;color:#173e32!important} } @media(prefers-reduced-motion:reduce){ html body:not(.wp-admin) :where(.gdv-site-arrow,.gdv-luxe-arrow,.gdv-action-button__arrow,.gdv-subscription-page-3020__arrow,#gdv-home-luxe .gl-card-link>span[aria-hidden=true],#gdv-home-luxe .gl-textlink>span[aria-hidden=true]){transition:none!important} } /* The same action geometry, reversed on the dark footer only. */ html body:not(.wp-admin) .gdv-footer-pro a.gdv-footer-pro__cta{--gdv-action-fill:#fff9ec;--gdv-action-hover:#eee5d4;--gdv-action-active:#e2d5bd;--gdv-action-focus:#fff9ec;--gdv-action-ink:#173e32;--gdv-action-border:#fff9ec;box-shadow:none!important;justify-content:space-between!important} html body:not(.wp-admin) .gdv-footer-pro a.gdv-footer-pro__cta>.gdv-site-arrow{color:#173e32!important;border-color:#b59b6d88!important} } :root{ --gdv-green:#073f31; --gdv-green-deep:#042f25; --gdv-green-soft:#e4eee7; --gdv-ivory:#fff9ef; --gdv-ivory-deep:#f5ead7; --gdv-gold:#d7b969; --gdv-gold-deep:#a78136; --gdv-ink:#16362d; --gdv-muted:#5e7169; --gdv-white:#ffffff; --gdv-radius:26px; --gdv-shadow:0 18px 55px rgba(4,47,37,.10); } html{scroll-behavior:smooth} body{ background:var(--gdv-ivory); color:var(--gdv-ink); font-family:"DM Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; } a{transition:color .2s ease,opacity .2s ease,transform .2s ease} h1,h2,h3,.wp-block-query-title,.woocommerce-products-header__title{ color:var(--gdv-green); letter-spacing:-.025em; text-wrap:balance; } body:not(.home) h1,body:not(.home) .wp-block-query-title{ font-family:"Bodoni Moda","Times New Roman",serif; font-size:clamp(2.8rem,6vw,5.3rem); font-weight:500; line-height:1; margin-bottom:2rem; } header.wp-block-template-part{ position:sticky; top:0; z-index:40; background:rgba(255,249,239,.94); border-bottom:1px solid rgba(7,63,49,.10); box-shadow:0 8px 30px rgba(4,47,37,.05); backdrop-filter:blur(16px); } .admin-bar header.wp-block-template-part{top:32px} header.wp-block-template-part .site-header{ max-width:1180px; margin-inline:auto; padding:20px 28px!important; } header .wp-block-site-title a{ color:var(--gdv-green); font-family:"Bodoni Moda","Times New Roman",serif; font-size:clamp(1.25rem,2.3vw,1.8rem); font-weight:500; letter-spacing:-.025em; text-decoration:none; } header .wp-block-navigation a{ color:var(--gdv-green); font-size:.94rem; font-weight:550; text-decoration:none; } header .wp-block-navigation a:hover{color:var(--gdv-gold-deep)} header .wc-block-mini-cart__button, header .wp-block-avatar img{ border:1px solid rgba(7,63,49,.14); border-radius:999px; } body:not(.home) main.wp-block-group{ min-height:68vh; padding-top:64px; padding-bottom:92px; } body:not(.home) main.wp-block-group>.alignwide, body:not(.home) main.wp-block-group>.alignfull{ width:min(1120px,calc(100% - 48px)); margin-inline:auto; } .woocommerce-breadcrumb,.wc-block-breadcrumbs{ color:var(--gdv-muted); font-size:.84rem; letter-spacing:.055em; text-transform:uppercase; } .woocommerce-breadcrumb a,.wc-block-breadcrumbs a{color:var(--gdv-gold-deep)} .wp-element-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wc-block-components-button, .wc-block-components-product-button__button{ border:0!important; border-radius:999px!important; background:var(--gdv-green)!important; color:var(--gdv-ivory)!important; padding:.9rem 1.55rem!important; font-weight:650!important; box-shadow:0 10px 24px rgba(7,63,49,.14); transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important; } .wp-element-button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .wc-block-components-button:hover{ background:#0b5944!important; color:var(--gdv-white)!important; transform:translateY(-2px); box-shadow:0 14px 30px rgba(7,63,49,.20); } .is-style-outline>.wp-element-button{ background:transparent!important; box-shadow:none; } .woocommerce ul.products, .wc-block-product-template{ gap:24px!important; } .woocommerce ul.products li.product, .wc-block-product, .wp-block-woocommerce-product-collection li{ overflow:hidden; background:rgba(255,255,255,.72); border:1px solid rgba(7,63,49,.09); border-radius:var(--gdv-radius); padding:18px!important; box-shadow:var(--gdv-shadow); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; } .woocommerce ul.products li.product:hover, .wc-block-product:hover, .wp-block-woocommerce-product-collection li:hover{ transform:translateY(-6px); border-color:rgba(167,129,54,.38); box-shadow:0 24px 70px rgba(4,47,37,.16); } .woocommerce ul.products li.product img, .wc-block-components-product-image img, .wp-block-woocommerce-product-image img{ border-radius:20px; background:var(--gdv-green-soft); } .woocommerce ul.products li.product .woocommerce-loop-product__title, .wc-block-components-product-title, .wp-block-post-title{ color:var(--gdv-green); font-family:"Bodoni Moda","Times New Roman",serif; font-size:1.45rem!important; font-weight:500; line-height:1.18; } .price,.woocommerce-Price-amount{ color:var(--gdv-gold-deep)!important; font-weight:700!important; } .star-rating,.wc-block-components-product-rating__stars{color:var(--gdv-gold)!important} .woocommerce div.product div.images img{ border-radius:32px; background:var(--gdv-green-soft); box-shadow:var(--gdv-shadow); } .woocommerce div.product .summary{ padding:clamp(22px,4vw,44px); background:rgba(255,255,255,.72); border:1px solid rgba(7,63,49,.09); border-radius:32px; box-shadow:var(--gdv-shadow); } .woocommerce div.product .product_title{ font-family:"Bodoni Moda","Times New Roman",serif; color:var(--gdv-green); font-size:clamp(2.3rem,5vw,4.4rem); font-weight:500; line-height:1.02; } .woocommerce-tabs{ margin-top:64px; padding:clamp(22px,4vw,44px); background:var(--gdv-white); border:1px solid rgba(7,63,49,.09); border-radius:32px; box-shadow:var(--gdv-shadow); } .woocommerce-tabs ul.tabs{border:0!important} .woocommerce-tabs ul.tabs li{ border:0!important; border-radius:999px!important; background:var(--gdv-green-soft)!important; } .woocommerce-tabs ul.tabs li.active{background:var(--gdv-green)!important} .woocommerce-tabs ul.tabs li.active a{color:var(--gdv-ivory)!important} input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="number"],textarea,select, .wc-block-components-text-input input,.wc-block-components-combobox input{ min-height:50px; border:1px solid rgba(7,63,49,.18)!important; border-radius:14px!important; background:rgba(255,255,255,.86)!important; color:var(--gdv-ink)!important; padding:.75rem 1rem!important; box-shadow:none!important; } textarea{min-height:130px} input:focus,textarea:focus,select:focus{ border-color:var(--gdv-gold)!important; outline:3px solid rgba(215,185,105,.20)!important; } .wc-block-cart,.wc-block-checkout,.woocommerce-account .woocommerce{ padding:clamp(18px,4vw,40px); background:rgba(255,255,255,.72); border:1px solid rgba(7,63,49,.09); border-radius:32px; box-shadow:var(--gdv-shadow); } .wc-block-components-sidebar-layout .wc-block-components-main, .wc-block-components-sidebar{ background:transparent; } .wc-block-components-totals-wrapper, .wc-block-components-order-summary, .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content{ border-color:rgba(7,63,49,.10)!important; } .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0} .woocommerce-MyAccount-navigation a{ display:block; margin-bottom:8px; padding:12px 16px; border-radius:12px; color:var(--gdv-green); text-decoration:none; } .woocommerce-MyAccount-navigation .is-active a, .woocommerce-MyAccount-navigation a:hover{ background:var(--gdv-green); color:var(--gdv-ivory); } .woocommerce-Reviews,.wc-block-all-reviews{ padding:clamp(22px,4vw,40px); background:var(--gdv-white); border:1px solid rgba(7,63,49,.09); border-radius:28px; box-shadow:var(--gdv-shadow); } .commentlist{list-style:none!important;padding:0!important} .commentlist .review,.wc-block-review-list-item__item{ margin-bottom:16px!important; padding:22px!important; background:var(--gdv-ivory)!important; border:1px solid rgba(7,63,49,.08)!important; border-radius:20px!important; } .wp-block-woocommerce-product-collection-no-results>div{ min-height:310px; padding:54px 28px; background:linear-gradient(145deg,var(--gdv-green-soft),var(--gdv-ivory)); border:1px solid rgba(7,63,49,.10); border-radius:32px; text-align:center; } footer.wp-block-template-part>.wp-block-group, footer.wp-block-template-part .wp-block-group{ background:var(--gdv-green-deep); color:var(--gdv-ivory); } footer.wp-block-template-part p{ margin:0!important; padding:42px 24px!important; color:var(--gdv-ivory); font-size:0; } footer.wp-block-template-part p:before{ content:"gezondediervoeding.nl · Premium voeding voor hond en kat"; color:#cfddd6; font-size:14px; letter-spacing:.04em; } footer.wp-block-template-part p a{display:none} @media (max-width:782px){ .admin-bar header.wp-block-template-part{top:46px} header.wp-block-template-part .site-header{padding:16px 20px!important} body:not(.home) main.wp-block-group{padding-top:40px;padding-bottom:64px} body:not(.home) main.wp-block-group>.alignwide, body:not(.home) main.wp-block-group>.alignfull{width:min(100% - 32px,1120px)} .woocommerce ul.products,.wc-block-product-template{gap:16px!important} .wc-block-cart,.wc-block-checkout,.woocommerce-account .woocommerce{border-radius:22px} } @media (prefers-reduced-motion:reduce){ *{scroll-behavior:auto!important;transition:none!important} } /* Rustige, conversiegerichte hoofdnavigatie */ header.wp-block-template-part .wp-block-navigation-item:has(a[href*="/afrekenen/"]), header.wp-block-template-part .wp-block-navigation-item:has(a[href*="/winkelwagen/"]){ display:none!important; } header.wp-block-template-part .wp-block-navigation__container{ gap:clamp(18px,2.5vw,34px); } header.wp-block-template-part .wp-block-navigation-item:has(a[href="https://gezondediervoeding.com/"]), header.wp-block-template-part .wp-block-navigation-item:has(a[href^="https://gezondediervoeding.com/?"]){order:1} header.wp-block-template-part .wp-block-navigation-item:has(a[href*="/winkel/"]){order:2} header.wp-block-template-part .wp-block-navigation-item:has(a[href*="/over-ons/"]){order:3} header.wp-block-template-part .wp-block-navigation-item:has(a[href*="/mijn-account/"]){order:4} @media (max-width:782px){ header.wp-block-template-part .wp-block-site-tagline{display:none} } /* Premium typografie + conversieblokken */ body{font-family:"DM Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65} h1,h2,h3,h4,h5,h6, .wp-block-query-title,.woocommerce-products-header__title, .woocommerce div.product .product_title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .wc-block-components-product-title,.wp-block-post-title{ font-family:"Bodoni Moda","Times New Roman",serif!important; font-weight:500!important; letter-spacing:-.035em; } .wp-element-button,.woocommerce a.button,.woocommerce button.button, .wc-block-components-button,header .wp-block-navigation a{ font-family:"DM Sans",ui-sans-serif,sans-serif!important; letter-spacing:.01em; } .gdv-why{ position:relative; overflow:hidden; border:1px solid rgba(215,185,105,.22); box-shadow:0 26px 80px rgba(4,47,37,.12); } .gdv-why:after{ content:""; position:absolute; right:-140px; top:-160px; width:360px; height:360px; border:1px solid rgba(215,185,105,.22); border-radius:50%; pointer-events:none; } .gdv-usp-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px!important; } .gdv-usp-card{ height:100%; padding:30px!important; background:rgba(255,255,255,.78); border:1px solid rgba(7,63,49,.09); border-radius:24px; box-shadow:0 14px 42px rgba(4,47,37,.08); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; } .gdv-usp-card:hover{ transform:translateY(-6px); border-color:rgba(167,129,54,.42); box-shadow:0 22px 55px rgba(4,47,37,.13); } .gdv-usp-number{ display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; margin-bottom:22px!important; border-radius:50%; background:var(--gdv-green); color:var(--gdv-gold)!important; font-size:.78rem!important; font-weight:800!important; letter-spacing:.08em; } .gdv-proof-strip{ border-top:1px solid rgba(215,185,105,.22); border-bottom:1px solid rgba(215,185,105,.22); } .gdv-proof-strip p{ margin:0!important; color:var(--gdv-green); font-size:.78rem!important; font-weight:750; letter-spacing:.1em; text-transform:uppercase; } .gdv-mobile-cta{display:none} @media (max-width:900px){ .gdv-usp-grid{grid-template-columns:1fr 1fr} .gdv-usp-grid>.wp-block-group:last-child{grid-column:1/-1} } @media (max-width:782px){ html,body,.wp-site-blocks{overflow-x:hidden} .home main{overflow:hidden} .home h1{font-size:clamp(3.25rem,14.5vw,4.35rem)!important;line-height:.9!important;letter-spacing:-.055em!important} .home h2{font-size:clamp(2.5rem,11vw,3.45rem)!important;line-height:.98!important} .home h3{font-size:1.9rem!important;line-height:1.05!important} .home p{font-size:1rem;line-height:1.65} .home .wp-block-columns{gap:22px!important} .home .wp-block-group.alignwide, .home .wp-block-columns.alignwide{width:calc(100% - 32px)!important;margin-inline:auto!important} .home .wp-block-buttons{gap:12px!important} .home .wp-block-button,.home .wp-block-button__link{width:100%;text-align:center} .gdv-usp-grid{grid-template-columns:1fr!important;gap:14px!important} .gdv-usp-grid>.wp-block-group:last-child{grid-column:auto} .gdv-usp-card{padding:24px!important;border-radius:20px} .gdv-why{border-radius:26px!important} .gdv-proof-strip .wp-block-columns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important} .gdv-mobile-cta{ display:block; position:sticky; bottom:14px; z-index:35; width:calc(100% - 28px); margin:0 auto 14px; padding:13px 18px; border-radius:999px; background:var(--gdv-green); box-shadow:0 14px 38px rgba(4,47,37,.28); color:var(--gdv-ivory); text-align:center; text-decoration:none; font-weight:750; } } .gdv-gold-button .wp-element-button{ background:var(--gdv-gold)!important; color:var(--gdv-green-deep)!important; box-shadow:0 12px 30px rgba(0,0,0,.16)!important; } .gdv-gold-button .wp-element-button:hover{ background:#e4c978!important; color:var(--gdv-green-deep)!important; } .home main h1{line-height:1.03!important} @media (max-width:782px){ .home main h1{line-height:1!important} } .home h1{line-height:1.04!important} .gdv-home-header p{font-family:"Bodoni Moda","Times New Roman",serif!important} @media (max-width:782px){ .home h1{line-height:1.01!important} .gdv-home-header{padding:14px 18px!important} .gdv-home-header>.wp-block-group{flex-wrap:nowrap!important} .gdv-home-header p{font-size:23px!important;white-space:nowrap} .gdv-home-header .wp-block-buttons{width:auto!important;flex-wrap:nowrap!important} .gdv-home-header .wp-block-button:first-child{display:none!important} .gdv-home-header .wp-block-button, .gdv-home-header .wp-block-button__link{width:auto!important} .gdv-home-header .wp-block-button__link{min-height:48px;padding:10px 18px!important} } @media (max-width:782px){ .gdv-home-header p{font-size:20px!important;line-height:1.1!important;flex-shrink:1;min-width:0} .gdv-home-header .wp-block-buttons, .gdv-home-header .wp-block-button{flex-shrink:0!important;min-width:max-content} .gdv-home-header .wp-block-button__link{white-space:nowrap!important;min-width:max-content!important} } /* GDV v8 — brede luxe winkelervaring */ body{overflow-x:hidden} .home .entry-content{ width:100%!important; max-width:none!important; margin:0!important; } .home .entry-content>.alignfull{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } .home .entry-content>.wp-block-group:nth-child(2){ position:relative; overflow:hidden; min-height:680px; display:flex; align-items:center; background: radial-gradient(circle at 82% 18%,rgba(215,185,105,.18) 0 1px,transparent 2px), radial-gradient(circle at 76% 36%,rgba(255,249,239,.10),transparent 32%), linear-gradient(135deg,#032d23 0%,#07533e 54%,#032a22 100%)!important; background-size:24px 24px,auto,auto!important; } .home .entry-content>.wp-block-group:nth-child(2):after{ content:""; position:absolute; width:520px; height:520px; right:-160px; bottom:-260px; border:1px solid rgba(215,185,105,.24); border-radius:50%; box-shadow:0 0 0 58px rgba(255,249,239,.025),0 0 0 116px rgba(255,249,239,.018); pointer-events:none; } .home .entry-content>.wp-block-group:nth-child(2)>.wp-block-columns{ width:min(1180px,calc(100% - 56px))!important; max-width:1180px!important; position:relative; z-index:1; } .home .entry-content>.wp-block-group:nth-child(2)>.wp-block-columns>.wp-block-column:first-child{ max-width:650px; } .home .entry-content>.wp-block-group:nth-child(2)>.wp-block-columns>.wp-block-column:last-child>.wp-block-group{ backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:0 30px 90px rgba(0,0,0,.18); background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important; } .home .entry-content>.wp-block-group:nth-child(3)>.wp-block-columns{ width:min(1120px,calc(100% - 56px))!important; max-width:1120px!important; } .home .entry-content>.wp-block-group:nth-child(3)>.wp-block-columns>.wp-block-column>.wp-block-group{ min-height:330px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; position:relative; overflow:hidden; border:1px solid rgba(7,63,49,.09); box-shadow:0 16px 45px rgba(4,47,37,.07); transition:transform .25s ease,box-shadow .25s ease; } .home .entry-content>.wp-block-group:nth-child(3)>.wp-block-columns>.wp-block-column>.wp-block-group:hover{ transform:translateY(-6px); box-shadow:0 26px 65px rgba(4,47,37,.13); } .home .entry-content>.wp-block-group:nth-child(3)>.wp-block-columns>.wp-block-column>.wp-block-group:before{ position:absolute; top:24px; right:30px; font-family:"Bodoni Moda","Times New Roman",serif; font-size:92px; line-height:1; color:rgba(7,63,49,.10); } .home .entry-content>.wp-block-group:nth-child(3)>.wp-block-columns>.wp-block-column:first-child>.wp-block-group:before{content:"H";} .home .entry-content>.wp-block-group:nth-child(3)>.wp-block-columns>.wp-block-column:last-child>.wp-block-group:before{content:"K";} .gdv-home-header{ width:100%!important; max-width:none!important; margin:0!important; position:relative; z-index:20; } .gdv-home-header>.wp-block-group{ width:min(1180px,calc(100% - 8px))!important; max-width:1180px!important; } .gdv-home-header:before{ content:"Gratis keuzehulp · Levering binnen 2 werkdagen"; display:block; width:100%; margin:-20px -28px 18px; padding:9px 28px; box-sizing:content-box; text-align:center; background:var(--gdv-green-deep); color:#f7e3a1; font:700 11px/1.2 "DM Sans",sans-serif; letter-spacing:.14em; text-transform:uppercase; } .gdv-why>.wp-block-group, .gdv-proof-strip>.wp-block-columns, .home .entry-content>.wp-block-group:nth-last-child(-n+3)>*{ width:min(1120px,calc(100% - 56px))!important; max-width:1120px!important; } .gdv-why .gdv-usp-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px!important; } .gdv-why .gdv-usp-card{ width:auto!important; min-height:290px; display:flex; flex-direction:column; justify-content:flex-start; background:rgba(255,255,255,.055); border:1px solid rgba(215,185,105,.22); border-radius:22px; padding:30px!important; } .gdv-proof-strip{ border-top:1px solid rgba(7,63,49,.08); border-bottom:1px solid rgba(7,63,49,.08); } .gdv-proof-strip .wp-block-columns{ gap:0!important; } .gdv-proof-strip .wp-block-column{ min-height:74px; display:flex; align-items:center; justify-content:center; border-right:1px solid rgba(7,63,49,.09); } .gdv-proof-strip .wp-block-column:last-child{border-right:0} /* Hoofdnavigatie op winkel- en servicepagina's */ header.wp-block-template-part{ background:rgba(255,249,239,.94); border-bottom:1px solid rgba(7,63,49,.09); position:relative; z-index:30; } header.wp-block-template-part:before{ content:"Levering binnen 2 werkdagen · Zorgvuldig geselecteerd voor hond en kat"; display:block; padding:9px 24px; text-align:center; background:var(--gdv-green-deep); color:#f6df9d; font-size:11px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; } header.wp-block-template-part .gapless-group{ width:100%!important; max-width:none!important; margin:0!important; } header.wp-block-template-part .site-header{ width:min(1500px,calc(100% - 56px))!important; max-width:1500px!important; min-height:84px; margin:auto!important; padding:18px 0!important; display:grid!important; grid-template-columns:auto 1fr auto auto!important; gap:22px!important; align-items:center!important; } .site-header .site-brand{min-width:max-content} .site-header .site-brand .wp-block-site-tagline{display:none!important} .site-header .wp-block-site-title{font-size:29px!important;line-height:1!important} .site-header .wp-block-navigation{justify-self:end!important} .site-header .wp-block-navigation__container{gap:28px!important} .site-header .wp-block-navigation-item__content{ font-size:14px!important; font-weight:700!important; letter-spacing:.01em; } .site-header .wp-block-navigation-item__content:hover{color:var(--gdv-gold-deep)!important} .site-header .wp-block-woocommerce-customer-account, .site-header .wp-block-woocommerce-mini-cart{ margin:0!important; } .site-header .wc-block-customer-account__link, .site-header .wc-block-mini-cart__button{ width:44px!important; height:44px!important; display:grid!important; place-items:center!important; border:1px solid rgba(7,63,49,.13)!important; border-radius:999px!important; background:#fffdf7!important; } .site-header .wc-block-customer-account__avatar{display:none!important} /* Winkel, producten en servicepagina's */ body:not(.home) main{ width:min(1220px,calc(100% - 56px))!important; max-width:1220px!important; margin-left:auto!important; margin-right:auto!important; padding-top:58px!important; padding-bottom:86px!important; } body:not(.home) main h1{ font-size:clamp(48px,6vw,76px)!important; line-height:1!important; letter-spacing:-.04em!important; margin-bottom:38px!important; } .woocommerce .woocommerce-breadcrumb, .wc-block-breadcrumbs{ color:var(--gdv-gold-deep)!important; font-size:12px!important; font-weight:750!important; letter-spacing:.09em!important; text-transform:uppercase; } .wc-block-product-template, ul.products{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:24px!important; } .wc-block-product, .woocommerce ul.products li.product{ background:#fffdf8!important; border:1px solid rgba(7,63,49,.09)!important; border-radius:24px!important; padding:18px 18px 22px!important; overflow:hidden; box-shadow:0 14px 38px rgba(4,47,37,.07); transition:transform .22s ease,box-shadow .22s ease; } .wc-block-product:hover, .woocommerce ul.products li.product:hover{ transform:translateY(-5px); box-shadow:0 24px 55px rgba(4,47,37,.13); } .wc-block-product img, .woocommerce ul.products li.product img{ border-radius:16px!important; background:#edf3ee!important; aspect-ratio:1/1!important; object-fit:cover!important; } .wc-block-grid__product-title, .wc-block-components-product-name, .woocommerce-loop-product__title{ font-family:"Bodoni Moda","Times New Roman",serif!important; color:var(--gdv-green)!important; font-size:24px!important; line-height:1.2!important; } .price,.wc-block-components-product-price{ color:var(--gdv-gold-deep)!important; font-weight:800!important; } .woocommerce-message,.woocommerce-info,.woocommerce-error, .wc-block-components-notice-banner{ border:1px solid rgba(7,63,49,.12)!important; border-radius:18px!important; background:#edf3ee!important; color:var(--gdv-green-deep)!important; box-shadow:none!important; } input,select,textarea, .woocommerce form .form-row input.input-text{ min-height:50px; border:1px solid rgba(7,63,49,.18)!important; border-radius:12px!important; background:#fffdf8!important; padding:12px 14px!important; } button,.button,.wp-element-button{ transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease; } button:hover,.button:hover,.wp-element-button:hover{transform:translateY(-1px)} footer.wp-block-template-part{ margin:0!important; background:var(--gdv-green-deep)!important; color:var(--gdv-ivory)!important; } footer.wp-block-template-part>*{ width:min(1500px,calc(100% - 56px))!important; max-width:1500px!important; margin:auto!important; padding:42px 0!important; } /* Mobiel: compact, rustig en volledig tikbaar */ @media (max-width:900px){ header.wp-block-template-part .site-header{ grid-template-columns:1fr auto auto!important; width:calc(100% - 32px)!important; gap:10px!important; min-height:72px; } .site-header .wp-block-navigation{grid-column:2} .site-header .wp-block-woocommerce-customer-account{display:none!important} .site-header .wp-block-site-title{font-size:22px!important} .site-header .wp-block-navigation__responsive-container-open{ width:44px;height:44px;border:1px solid rgba(7,63,49,.13);border-radius:999px; display:grid;place-items:center;background:#fffdf8; } .wc-block-product-template,ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width:782px){ .gdv-home-header:before{ margin:-14px -18px 13px; padding:8px 18px; font-size:9px; letter-spacing:.09em; white-space:nowrap; } .home .entry-content>.wp-block-group:nth-child(2){ min-height:auto; padding-top:68px!important; padding-bottom:70px!important; } .home .entry-content>.wp-block-group:nth-child(2)>.wp-block-columns, .home .entry-content>.wp-block-group:nth-child(3)>.wp-block-columns, .gdv-why>.wp-block-group, .gdv-proof-strip>.wp-block-columns, .home .entry-content>.wp-block-group:nth-last-child(-n+3)>*{ width:100%!important; } .home .entry-content>.wp-block-group:nth-child(2) h1{font-size:47px!important} .home .entry-content>.wp-block-group:nth-child(2)>.wp-block-columns>.wp-block-column:last-child{margin-top:12px} .home .entry-content>.wp-block-group:nth-child(3)>.wp-block-columns>.wp-block-column>.wp-block-group{min-height:280px} .gdv-why .gdv-usp-grid{grid-template-columns:1fr!important} .gdv-why .gdv-usp-card{min-height:auto} .gdv-proof-strip .wp-block-column{ border-right:0; border-bottom:1px solid rgba(7,63,49,.08); min-height:54px; } .gdv-proof-strip .wp-block-column:last-child{border-bottom:0} header.wp-block-template-part:before{ font-size:9px; padding:8px 12px; letter-spacing:.06em; } body:not(.home) main{ width:calc(100% - 32px)!important; padding-top:36px!important; padding-bottom:60px!important; } body:not(.home) main h1{ font-size:46px!important; margin-bottom:26px!important; } .wc-block-product-template,ul.products{ grid-template-columns:1fr!important; gap:16px!important; } .wc-block-product,.woocommerce ul.products li.product{border-radius:20px!important} footer.wp-block-template-part>*{width:calc(100% - 32px)!important} } @media (max-width:390px){ .gdv-home-header p{font-size:18px!important} .gdv-home-header .wp-block-button__link{padding:9px 14px!important;font-size:13px!important} .home .entry-content>.wp-block-group:nth-child(2) h1{font-size:42px!important} header.wp-block-template-part:before{font-size:8px} } /* GDV voerplanner */ .page-id-40 main{max-width:1220px!important} .gdv-planner-intro{ max-width:760px!important; margin:0 0 44px!important; } .gdv-kicker{ color:var(--gdv-gold-deep); font-size:12px!important; font-weight:800; letter-spacing:.14em; text-transform:uppercase; margin-bottom:14px!important; } .gdv-planner-intro h2{ font-size:clamp(36px,4.4vw,60px)!important; line-height:1.04!important; letter-spacing:-.035em; margin:0 0 18px!important; } .gdv-planner-intro>p:last-child{ color:var(--gdv-muted); font-size:18px; line-height:1.7; } .gdv-planner-shell{ display:grid; grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr); gap:22px; align-items:stretch; margin:0 0 24px; } .gdv-planner-form, .gdv-planner-result{ border-radius:26px; border:1px solid rgba(7,63,49,.10); box-shadow:0 18px 48px rgba(4,47,37,.08); } .gdv-planner-form{ background:#fffdf8; padding:38px; } .gdv-step-label{ color:var(--gdv-gold-deep); font-size:11px; font-weight:850; letter-spacing:.15em; margin-bottom:20px; } .gdv-form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } .gdv-planner-form label{ display:flex; flex-direction:column; gap:8px; color:var(--gdv-green-deep); font-size:14px; font-weight:750; } .gdv-planner-form label small{ color:var(--gdv-muted); font-size:11px; font-weight:500; line-height:1.45; } .gdv-planner-form select, .gdv-planner-form input{ width:100%; height:54px; margin:0!important; font:600 15px/1 "DM Sans",sans-serif; color:var(--gdv-green-deep); } .gdv-input-unit{position:relative;display:block} .gdv-input-unit input{padding-right:64px!important} .gdv-input-unit>span{ position:absolute; right:14px; top:50%; transform:translateY(-50%); color:var(--gdv-muted); font-size:12px; font-weight:700; } .gdv-form-divider{ height:1px; background:rgba(7,63,49,.10); margin:32px 0; } .gdv-calc-button{ width:100%; min-height:56px; margin-top:26px; border:0!important; border-radius:999px!important; background:var(--gdv-green)!important; color:#fff!important; font:800 15px/1 "DM Sans",sans-serif; box-shadow:0 12px 28px rgba(4,47,37,.18); cursor:pointer; } .gdv-planner-result{ position:relative; overflow:hidden; padding:42px 36px; background: radial-gradient(circle at 100% 100%,rgba(215,185,105,.22),transparent 36%), linear-gradient(145deg,#063d2f,#0a5b42); color:#fff9ef; } .gdv-planner-result:after{ content:""; position:absolute; width:260px;height:260px; right:-130px;bottom:-145px; border:1px solid rgba(215,185,105,.28); border-radius:50%; box-shadow:0 0 0 36px rgba(255,255,255,.025); } .gdv-planner-result>*{position:relative;z-index:1} .gdv-result-tag{ display:inline-flex; align-items:center; min-height:28px; padding:4px 10px; border:1px solid rgba(215,185,105,.5); border-radius:999px; color:#f0d993; font-size:10px; font-weight:850; letter-spacing:.13em; } .gdv-planner-result h3{ color:#fff9ef!important; font-size:38px!important; line-height:1.05!important; margin:66px 0 14px!important; } .gdv-planner-result p{color:rgba(255,249,239,.78);line-height:1.65} .gdv-result-big{margin:34px 0 22px!important} .gdv-result-big strong{ display:block; color:#fff9ef; font:500 clamp(64px,7vw,92px)/.95 "Bodoni Moda","Times New Roman",serif; letter-spacing:-.055em; } .gdv-result-big span{ display:block; color:#f0d993; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } .gdv-result-note{ padding-top:18px; border-top:1px solid rgba(255,255,255,.14); font-size:13px; } .gdv-result-actions{display:flex;flex-direction:column;gap:13px;margin-top:26px} .gdv-result-primary{ display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:10px 22px; border-radius:999px; background:var(--gdv-gold); color:var(--gdv-green-deep)!important; font-size:14px; font-weight:850; text-decoration:none!important; } .gdv-result-link{ color:#fff9ef!important; font-size:13px; font-weight:700; text-align:center; } .gdv-planner-explain{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin:24px 0 70px; overflow:hidden; border:1px solid rgba(7,63,49,.10); border-radius:22px; background:rgba(7,63,49,.10); } .gdv-planner-explain>div{ background:#f7f0e4; padding:30px; } .gdv-planner-explain span{ color:var(--gdv-gold-deep); font-size:12px; font-weight:850; letter-spacing:.12em; } .gdv-planner-explain h3{ font-size:25px!important; margin:28px 0 9px!important; } .gdv-planner-explain p{ color:var(--gdv-muted); font-size:14px; line-height:1.65; margin:0; } .gdv-subscription-box{ display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center; margin:0 0 28px; padding:54px; border-radius:28px; background:#e4eee7; border:1px solid rgba(7,63,49,.10); } .gdv-subscription-box h2{ font-size:clamp(38px,4vw,58px)!important; line-height:1.02!important; margin:18px 0!important; } .gdv-subscription-box>div>p{ color:var(--gdv-muted); font-size:16px; line-height:1.7; } .gdv-subscription-status{ padding:30px; border-radius:20px; background:#fffdf8; border:1px solid rgba(7,63,49,.10); } .gdv-subscription-status>span{ color:var(--gdv-gold-deep); font-size:10px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; } .gdv-subscription-status strong{ display:block; margin:8px 0 10px; color:var(--gdv-green-deep); font:500 28px/1.15 "Bodoni Moda","Times New Roman",serif; } .gdv-subscription-status p{font-size:13px!important} .gdv-subscription-status .gdv-result-primary{margin-top:12px} .gdv-planner-note{ padding:20px 24px; border-left:3px solid var(--gdv-gold); border-radius:0 14px 14px 0; background:#fffdf8; color:var(--gdv-muted); font-size:13px; line-height:1.65; } .gdv-planner-note strong{color:var(--gdv-green-deep)} @media(max-width:900px){ .gdv-planner-shell,.gdv-subscription-box{grid-template-columns:1fr} .gdv-planner-result h3{margin-top:38px!important} } @media(max-width:650px){ .gdv-planner-form,.gdv-planner-result{padding:26px 20px;border-radius:20px} .gdv-form-grid,.gdv-planner-explain{grid-template-columns:1fr} .gdv-form-grid{gap:15px} .gdv-planner-explain{gap:1px} .gdv-planner-explain>div{padding:24px} .gdv-planner-explain h3{margin-top:14px!important} .gdv-subscription-box{padding:30px 22px;border-radius:22px} } /* Planner layoutcorrectie */ .page-id-40 .wp-block-post-title{display:none!important} .page-id-40 .entry-content>*{ max-width:none!important; margin-left:0!important; margin-right:0!important; } .page-id-40 .gdv-planner-intro{max-width:760px!important} .page-id-40 .gdv-planner-intro h1{ color:var(--gdv-green)!important; font-family:"Bodoni Moda","Times New Roman",serif!important; font-size:clamp(48px,5vw,72px)!important; font-weight:500!important; line-height:1.01!important; letter-spacing:-.045em!important; margin:0 0 20px!important; } .page-id-223 main{max-width:1220px!important} .page-id-223 .wp-block-post-title{display:none!important} .page-id-223 .entry-content>*{ max-width:none!important; width:auto!important; margin-left:0!important; margin-right:0!important; } .page-id-223 .gdv-planner-intro{max-width:760px!important} .page-id-223 .gdv-planner-intro h1{ color:var(--gdv-green)!important; font-family:"Bodoni Moda","Times New Roman",serif!important; font-size:clamp(48px,5vw,72px)!important; font-weight:500!important; line-height:1.01!important; letter-spacing:-.045em!important; margin:0 0 20px!important; } /* Homepage voerplan */ .gdv-plan-teaser{position:relative;overflow:hidden} .gdv-plan-teaser:after{ content:""; position:absolute; width:360px;height:360px; right:-190px;top:-180px; border:1px solid rgba(7,63,49,.12); border-radius:50%; box-shadow:0 0 0 48px rgba(7,63,49,.025),0 0 0 96px rgba(7,63,49,.02); } .gdv-plan-teaser>.wp-block-columns{ width:min(1120px,calc(100% - 56px))!important; max-width:1120px!important; position:relative; z-index:1; } .gdv-plan-teaser .wp-block-button__link{min-height:52px;padding:14px 24px!important} .gdv-plan-teaser .is-style-outline .wp-block-button__link{ color:var(--gdv-green)!important; border-color:var(--gdv-green)!important; background:transparent!important; } .gdv-plan-steps{ background:#fffdf8; border:1px solid rgba(7,63,49,.10); border-radius:24px; padding:18px 30px!important; box-shadow:0 18px 50px rgba(4,47,37,.08); } .gdv-plan-steps>p:not(.gdv-plan-status){ display:grid; grid-template-columns:52px 1fr; align-items:center; min-height:68px; margin:0!important; border-bottom:1px solid rgba(7,63,49,.09); } .gdv-plan-steps>p:not(.gdv-plan-status) strong{ color:var(--gdv-gold-deep); font:500 25px/1 "Bodoni Moda","Times New Roman",serif; } .gdv-plan-steps>p:not(.gdv-plan-status) span{ color:var(--gdv-green-deep); font-size:15px; font-weight:750; } .gdv-plan-status{ margin:18px 0 0!important; padding:15px 16px; border-radius:12px; background:var(--gdv-green-soft); color:var(--gdv-muted); font-size:12px; line-height:1.55; } .gdv-plan-status b{color:var(--gdv-green-deep)} @media(max-width:782px){ .gdv-plan-teaser>.wp-block-columns{width:100%!important} .gdv-plan-teaser h2{font-size:42px!important} .gdv-plan-steps{margin-top:12px;padding:12px 20px!important} .gdv-plan-teaser .wp-block-buttons{gap:10px!important} .gdv-plan-teaser .wp-block-button{width:100%} .gdv-plan-teaser .wp-block-button__link{width:100%} } /* Logische menuvolgorde */ .site-header .wp-block-page-list{display:flex!important;align-items:center} .site-header .wp-block-page-list>li.menu-item-home{order:1} .site-header .wp-block-page-list>li:has(a[href*="/winkel/"]){order:2} .site-header .wp-block-page-list>li:has(a[href*="/voerkeuze/"]){order:3} .site-header .wp-block-page-list>li:has(a[href*="/over-ons/"]){order:4} .site-header .wp-block-page-list>li:has(a[href*="/mijn-account/"]){order:5} @media(max-width:900px){ .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; } } /* Geen dubbele thematitel boven eigen paginakop */ .page-id-1 .wp-block-post-title, .page-id-7 .wp-block-post-title, .page-id-8 .wp-block-post-title, .page-id-9 .wp-block-post-title, .page-id-223 .wp-block-post-title{display:none!important} /* Verzorgde tijdelijke winkelstatus zolang producten concept zijn */ .wp-block-woocommerce-product-collection-no-results>.wp-block-group{ min-height:300px; padding:48px!important; border:1px solid rgba(7,63,49,.10); border-radius:26px; background: radial-gradient(circle at 95% 0%,rgba(215,185,105,.18),transparent 34%), linear-gradient(145deg,#e4eee7,#fff9ef)!important; text-align:center; } .wp-block-woocommerce-product-collection-no-results>.wp-block-group:before{ content:"ASSORTIMENT IN OPBOUW"; color:var(--gdv-gold-deep); font-size:11px; font-weight:850; letter-spacing:.14em; } .wp-block-woocommerce-product-collection-no-results p:first-of-type strong{ font-size:0; } .wp-block-woocommerce-product-collection-no-results p:first-of-type strong:after{ content:"De winkel wordt zorgvuldig gevuld."; display:block; color:var(--gdv-green); font:500 clamp(32px,4vw,48px)/1.05 "Bodoni Moda","Times New Roman",serif; } .wp-block-woocommerce-product-collection-no-results p:last-of-type{ max-width:560px; color:var(--gdv-muted); font-size:0; line-height:1.7; } .wp-block-woocommerce-product-collection-no-results p:last-of-type:after{ content:"Onze voeding wordt nu per soort en verpakking klaargezet. Gebruik intussen de voerkeuze om je gewenste voorraad te berekenen."; font-size:16px; } /* Premium voerplanner v2 */ .page-id-223 .gdv-planner-intro{padding-bottom:30px} .page-id-223 .gdv-planner-intro>p:not(.gdv-kicker){max-width:780px;font-size:clamp(17px,2vw,20px);line-height:1.7} .page-id-223 .gdv-species-switch,.page-id-223 .gdv-order-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 26px} .page-id-223 .gdv-species-card,.page-id-223 .gdv-order-card{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;min-height:92px;padding:18px;border:1px solid rgba(198,158,74,.24);border-radius:18px;background:rgba(255,255,255,.055);cursor:pointer;transition:.25s ease;color:#fff} .page-id-223 .gdv-species-card:hover,.page-id-223 .gdv-order-card:hover{transform:translateY(-2px);border-color:rgba(221,187,106,.55);background:rgba(255,255,255,.085)} .page-id-223 .gdv-species-card:has(input:checked),.page-id-223 .gdv-order-card:has(input:checked){border-color:#d2aa51;box-shadow:inset 0 0 0 1px rgba(210,170,81,.45),0 14px 34px rgba(0,0,0,.16);background:linear-gradient(135deg,rgba(210,170,81,.18),rgba(255,255,255,.06))} .page-id-223 .gdv-species-card input,.page-id-223 .gdv-order-card input{position:absolute;opacity:0;pointer-events:none} .page-id-223 .gdv-species-card strong,.page-id-223 .gdv-order-card strong{font-family:"DM Sans",sans-serif;font-size:16px;letter-spacing:.01em} .page-id-223 .gdv-species-card small,.page-id-223 .gdv-order-card small{grid-column:2;color:rgba(255,255,255,.67);font-size:12px;line-height:1.4} .page-id-223 .gdv-species-icon{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(225,190,103,.5);border-radius:50%;font-family:"Bodoni Moda",serif;font-size:21px;color:#f0d28b;background:rgba(0,0,0,.18)} .page-id-223 .gdv-order-card{grid-template-columns:1fr auto;min-height:88px} .page-id-223 .gdv-order-card span{display:grid;gap:5px} .page-id-223 .gdv-order-card small{grid-column:auto} .page-id-223 .gdv-order-card em{align-self:start;border-radius:99px;padding:6px 8px;background:#d2aa51;color:#0b2d24;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.08em} .page-id-223 .gdv-food-match-preview{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:18px 20px;border:1px solid rgba(210,170,81,.22);border-radius:15px;background:rgba(255,255,255,.045)} .page-id-223 .gdv-food-match-preview>span{color:#e0be70;font-size:10px;font-weight:800;letter-spacing:.13em} .page-id-223 .gdv-food-match-preview strong{margin:7px 0 4px;font-family:"Bodoni Moda",serif;font-size:18px;line-height:1.3} .page-id-223 .gdv-food-match-preview small{color:rgba(255,255,255,.63);line-height:1.45} .page-id-223 .gdv-weeks-label{display:grid;grid-template-columns:1fr minmax(190px,260px);align-items:center;gap:16px;margin:6px 0 20px;padding:15px 18px;border-radius:15px;background:rgba(255,255,255,.055)} .page-id-223 .gdv-weeks-label>span{font-weight:750} .page-id-223 .gdv-weeks-label select{margin:0} .page-id-223 .gdv-form-trust{margin:13px 0 0;text-align:center;color:rgba(255,255,255,.6);font-size:11px;letter-spacing:.03em} .page-id-223 .gdv-result-checks{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none} .page-id-223 .gdv-result-checks li{position:relative;padding-left:27px;color:rgba(255,255,255,.78)} .page-id-223 .gdv-result-checks li:before{content:"✓";position:absolute;left:0;color:#e3c273;font-weight:900} .page-id-223 .gdv-result-metric{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 14px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12)} .page-id-223 .gdv-result-metric>span{grid-column:1/3;color:rgba(255,255,255,.56);font-size:9px;font-weight:800;letter-spacing:.15em} .page-id-223 .gdv-result-metric>strong{font-family:"Bodoni Moda",serif;font-size:clamp(35px,5vw,54px);line-height:1;color:#fff} .page-id-223 .gdv-result-metric>small{padding-bottom:7px;color:rgba(255,255,255,.65)} .page-id-223 .gdv-result-metric-gold>strong,.page-id-223 .gdv-result-metric-gold>strong b{color:#edca78;font-weight:600} .page-id-223 .gdv-match-line{display:grid;gap:5px;margin:21px 0 12px} .page-id-223 .gdv-match-line span{color:#d8b564;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .page-id-223 .gdv-match-line strong{font-family:"Bodoni Moda",serif;font-size:20px;line-height:1.3} .page-id-223 .gdv-sub-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0 0;padding:0;list-style:none} .page-id-223 .gdv-sub-benefits li{display:grid;gap:3px;padding:14px;border:1px solid rgba(210,170,81,.2);border-radius:14px;background:rgba(255,255,255,.035)} .page-id-223 .gdv-sub-benefits strong{color:#e3c273;font-size:13px} .page-id-223 .gdv-sub-benefits span{color:rgba(255,255,255,.66);font-size:11px;line-height:1.4} .page-id-223 .gdv-subscription-status>small{display:block;margin-top:11px;color:rgba(255,255,255,.55);text-align:center} @media(max-width:700px){ .page-id-223 .gdv-species-switch,.page-id-223 .gdv-order-choice{grid-template-columns:1fr} .page-id-223 .gdv-species-card,.page-id-223 .gdv-order-card{min-height:80px;padding:15px} .page-id-223 .gdv-weeks-label{grid-template-columns:1fr;gap:8px} .page-id-223 .gdv-sub-benefits{grid-template-columns:1fr} .page-id-223 .gdv-result-metric>strong{font-size:38px} .page-id-223 .gdv-result-metric>small{font-size:11px} } @media(max-width:420px){ .page-id-223 .gdv-species-card small{font-size:11px} .page-id-223 .gdv-order-card em{font-size:8px} .page-id-223 .gdv-planner-form,.page-id-223 .gdv-planner-result{padding:20px 17px} .page-id-223 .gdv-calc-button{padding-inline:12px;font-size:12px} } /* Contrastcorrectie lichte plannerkaart */ .page-id-223 .gdv-species-card,.page-id-223 .gdv-order-card{color:#123d32;background:rgba(255,255,255,.78);border-color:rgba(7,63,49,.16)} .page-id-223 .gdv-species-card:hover,.page-id-223 .gdv-order-card:hover{color:#0b352a;background:#fff;border-color:rgba(167,129,54,.55)} .page-id-223 .gdv-species-card:has(input:checked),.page-id-223 .gdv-order-card:has(input:checked){color:#0b352a;background:linear-gradient(135deg,#fff4d8,#fffdfa);border-color:#c69b3f} .page-id-223 .gdv-species-card strong,.page-id-223 .gdv-order-card strong{color:inherit} .page-id-223 .gdv-species-card small,.page-id-223 .gdv-order-card small{color:#61746c} .page-id-223 .gdv-food-match-preview{background:#fffdfa;border-color:rgba(7,63,49,.13)} .page-id-223 .gdv-food-match-preview strong{color:#123d32} .page-id-223 .gdv-food-match-preview small{color:#61746c} .page-id-223 .gdv-form-trust{color:#687b73} /* Extra verfijning voor smalle telefoons */ @media(max-width:420px){ .page-id-223 .gdv-planner-intro h1{font-size:38px!important;line-height:1.03!important;letter-spacing:-.025em} .page-id-223 .gdv-planner-intro{padding-bottom:22px} .page-id-223 .gdv-planner-form,.page-id-223 .gdv-planner-result{box-sizing:border-box!important;width:calc(100% + 32px)!important;margin-left:-16px!important;margin-right:-16px!important;padding:20px 17px!important} .page-id-223 .gdv-species-card,.page-id-223 .gdv-order-card,.page-id-223 .gdv-food-match-preview,.page-id-223 .gdv-weeks-label{box-sizing:border-box;width:100%;min-width:0} .page-id-223 .gdv-species-card,.page-id-223 .gdv-order-card{min-height:84px} .page-id-223 .gdv-form-grid{gap:18px} .page-id-223 .gdv-form-divider{margin:24px 0} .page-id-223 .gdv-result-metric{grid-template-columns:1fr} .page-id-223 .gdv-result-metric>span{grid-column:1} .page-id-223 .gdv-result-metric>small{padding:0} } /* Speelse premium dierenstijl */ .gdv-home-hero-play{position:relative!important;overflow:hidden;isolation:isolate} .gdv-home-hero-play>.wp-block-columns{position:relative;z-index:2} .gdv-hero-doodles{position:absolute;inset:0;z-index:0;pointer-events:none} .gdv-doodle{position:absolute;color:#e3c476;opacity:.13;filter:drop-shadow(0 12px 30px rgba(0,0,0,.12))} .gdv-doodle-bone{width:190px;left:3.5%;bottom:8%;transform:rotate(-13deg)} .gdv-doodle-paw{width:96px;right:7%;top:10%;transform:rotate(16deg)} .gdv-doodle-bowl{width:170px;right:2%;bottom:-1%;transform:rotate(-4deg)} .gdv-mini-pet-scene{display:grid;place-items:center;height:92px;margin:-12px -10px 16px;color:#e0bf6d;opacity:.95} .gdv-mini-pet-scene svg{width:100%;max-width:270px;height:100%} .gdv-pet-card{position:relative;overflow:hidden;min-height:420px;padding-top:190px!important;border:1px solid rgba(7,63,49,.08);box-shadow:0 18px 45px rgba(7,63,49,.07);transition:transform .28s ease,box-shadow .28s ease} .gdv-pet-card:hover{transform:translateY(-7px) rotate(-.25deg);box-shadow:0 26px 60px rgba(7,63,49,.13)} .gdv-pet-card>*:not(.gdv-animal-illustration){position:relative;z-index:2} .gdv-animal-illustration{position:absolute;z-index:1;top:22px;right:28px;width:178px;height:145px;transition:transform .35s ease} .gdv-pet-card:hover .gdv-animal-illustration{transform:translateY(-4px) rotate(2deg) scale(1.03)} .gdv-animal-illustration svg{display:block;width:100%;height:100%} .gdv-dog-card .gdv-animal-illustration{color:#0b6b50} .gdv-cat-card .gdv-animal-illustration{color:#b78b35} .gdv-pet-card:before{content:"";position:absolute;z-index:0;width:190px;height:190px;right:12px;top:-25px;border-radius:50%;background:rgba(255,255,255,.5);box-shadow:0 0 0 18px rgba(255,255,255,.16)} .gdv-pet-chip{display:inline-flex!important;align-items:center;width:auto;margin:-5px 0 24px!important;padding:8px 13px;border:1px solid rgba(167,129,54,.24);border-radius:999px;background:rgba(255,255,255,.65);color:#7f6229;font-size:12px!important;font-weight:700;line-height:1.2!important} .gdv-pet-chip:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50% 50% 45% 55%;background:#c69e49;box-shadow:5px -5px 0 -2px #c69e49} .gdv-home-hero-play .wp-block-button__link,.gdv-pet-card a,.gdv-plan-teaser .wp-block-button__link{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease} .gdv-home-hero-play .wp-block-button__link:hover,.gdv-plan-teaser .wp-block-button__link:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.18)} .gdv-pet-card a:hover{color:#9c7428;text-decoration-thickness:2px;text-underline-offset:5px} .page-id-223 .gdv-planner-intro{position:relative;overflow:hidden;isolation:isolate} .page-id-223 .gdv-planner-intro>*{position:relative;z-index:1} .page-id-223 .gdv-planner-intro:after{content:"";position:absolute;z-index:0;right:7%;top:22%;width:130px;height:120px;opacity:.18;transform:rotate(14deg);background:radial-gradient(ellipse at 50% 70%,#b78b35 0 23%,transparent 24%),radial-gradient(circle at 16% 39%,#b78b35 0 10%,transparent 11%),radial-gradient(circle at 38% 15%,#b78b35 0 10%,transparent 11%),radial-gradient(circle at 64% 15%,#b78b35 0 10%,transparent 11%),radial-gradient(circle at 86% 39%,#b78b35 0 10%,transparent 11%)} .gdv-plan-teaser .gdv-plan-steps{position:relative;overflow:hidden} .gdv-plan-teaser .gdv-plan-steps:after{content:"";position:absolute;right:-18px;bottom:-18px;width:110px;height:95px;opacity:.08;transform:rotate(-15deg);background:radial-gradient(ellipse at 50% 70%,#073f31 0 23%,transparent 24%),radial-gradient(circle at 16% 39%,#073f31 0 10%,transparent 11%),radial-gradient(circle at 38% 15%,#073f31 0 10%,transparent 11%),radial-gradient(circle at 64% 15%,#073f31 0 10%,transparent 11%),radial-gradient(circle at 86% 39%,#073f31 0 10%,transparent 11%)} @keyframes gdv-float-pet{0%,100%{translate:0 0}50%{translate:0 -8px}} @media(prefers-reduced-motion:no-preference){ .gdv-doodle-paw{animation:gdv-float-pet 7s ease-in-out infinite} .gdv-doodle-bone{animation:gdv-float-pet 9s ease-in-out infinite 1s} } @media(max-width:780px){ .gdv-doodle-bone{width:115px;left:-22px;bottom:4%} .gdv-doodle-paw{width:72px;right:5%;top:4%} .gdv-doodle-bowl{width:118px;right:-18px;bottom:0} .gdv-mini-pet-scene{height:78px;margin-top:-6px} .gdv-pet-card{min-height:0;padding-top:158px!important} .gdv-animal-illustration{top:18px;right:20px;width:145px;height:122px} .page-id-223 .gdv-planner-intro:after{right:-30px;top:16%;width:105px;height:95px;opacity:.11} } @media(max-width:420px){ .gdv-pet-card{padding:148px 24px 32px!important;border-radius:24px!important} .gdv-animal-illustration{width:132px;height:112px;right:18px} .gdv-pet-chip{font-size:11px!important} .gdv-doodle-bowl{display:none} } @media(max-width:420px){ .gdv-home-header .wp-block-group.alignwide{box-sizing:border-box!important;width:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important} .gdv-home-header .wp-block-group.alignwide>p{box-sizing:border-box!important;width:auto!important;max-width:100%!important;text-align:center!important;font-size:21px!important;line-height:1.1!important;white-space:nowrap} .gdv-home-header .wp-block-buttons{width:auto!important;justify-content:center!important} .gdv-pet-card{height:auto!important;min-height:0!important;justify-content:flex-start!important;gap:0!important} .gdv-pet-card h3{font-size:30px!important} .gdv-pet-card>p:not(.gdv-pet-chip){font-size:15px!important;line-height:1.55!important} } /* GDV WARM LUXE — boutique-20260908-1 Additive visual layer. No checkout, stock, price, account or consent logic changes. */ :root{ --gdv-green:#173e32;--gdv-green-deep:#173e32;--gdv-green-soft:#e9eee4; --gdv-ivory:#f7f3e9;--gdv-ivory-deep:#eee5d4;--gdv-gold:#c4ae7c; --gdv-gold-deep:#80683d;--gdv-ink:#173e32;--gdv-muted:#526052; --gdv-radius:14px;--gdv-shadow:0 8px 30px #173e3208; --gdv-warm-version:boutique-20260908-1; } /* Important declarations in this named layer intentionally outrank the legacy unlayered important rules, without repeating IDs or escalating selectors. */ @layer gdv-warm-luxe { html body:not(.wp-admin){background:#f7f3e9!important;color:#173e32;font-family:var(--gdv-font-body)!important;line-height:1.7} html body:not(.wp-admin) .wp-site-blocks{background:transparent!important;padding:0!important} html body:not(.wp-admin) .gdv-edge-story{display:none!important} html body:not(.wp-admin) a:focus-visible,html body:not(.wp-admin) button:focus-visible,html body:not(.wp-admin) summary:focus-visible{outline:2px solid #8b743e!important;outline-offset:4px!important} html body:not(.home):not(.wp-admin) main.wp-block-group{width:100%!important;max-width:1360px!important;margin:0 auto!important;padding-block:48px 72px!important;background:radial-gradient(ellipse at 5% 30%,#e8d6b629,transparent 55%),#f7f3e9!important;min-height:65vh} html body:not(.home):not(.wp-admin) main>.entry-content{width:min(1280px,calc(100% - 80px))!important;max-width:1280px!important;margin-inline:auto!important} html body:not(.home):not(.wp-admin) main>.alignwide,html body:not(.home):not(.wp-admin) main>.alignfull{width:min(1280px,calc(100% - 80px))!important;max-width:1280px!important;margin-inline:auto!important} html body:not(.home):not(.wp-admin) main :is(h1,h2,h3,h4){font-family:var(--gdv-font-heading)!important;font-weight:400!important;letter-spacing:-.035em!important;text-wrap:balance} html body:not(.home):not(.wp-admin) main h1,html body:not(.home):not(.wp-admin) main>.wp-block-query-title{font-size:clamp(40px,4.4vw,62px)!important;line-height:1.1!important;margin-top:0!important;margin-bottom:24px!important} html body:not(.home):not(.wp-admin) main h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.2!important} html body:not(.home):not(.wp-admin) main h3{font-size:25px!important;line-height:1.25!important} html body:not(.wp-admin) :is(.gdv-action-button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button){font-family:var(--gdv-font-body)!important;box-shadow:none!important;text-shadow:none!important;font-weight:600!important;letter-spacing:0!important;border-radius:8px!important;transform:none!important} html body:not(.wp-admin) :is(.gdv-action-button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button){background:#173e32!important;color:#fff9ec!important;border:1px solid #173e32!important;min-height:46px;padding:12px 24px!important;font-size:14px!important;line-height:1.5!important} html body:not(.wp-admin) :is(.gdv-action-button,.wp-element-button,.woocommerce a.button,.woocommerce button.button):hover{background:#285644!important;box-shadow:none!important;transform:none!important} html body:not(.wp-admin) :is(.gdv-action-button__arrow,.gdv-luxe-arrow,.gdv-subscription-page-3020__arrow){background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:inherit!important;width:auto!important;min-width:0!important;height:auto!important;transform:none!important;font:400 20px/1 var(--gdv-font-body)!important} html body:not(.wp-admin) :is(.gdv-action-button__arrow,.gdv-luxe-arrow,.gdv-subscription-page-3020__arrow)::before,html body:not(.wp-admin) :is(.gdv-action-button__arrow,.gdv-luxe-arrow,.gdv-subscription-page-3020__arrow)::after{content:none!important;display:none!important} html body:not(.wp-admin) main :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=date],input[type=search],textarea,select){border:1px solid #c9bfae!important;border-radius:8px!important;background:#fffcf5!important;color:#173e32!important;box-shadow:none!important;font-family:var(--gdv-font-body)!important;font-size:15px!important;min-width:0;max-width:100%;min-height:49px;padding:12px 14px!important} html body:not(.wp-admin) main :is(input,textarea,select):focus{border-color:#8b743e!important;outline:2px solid #b7a16f44!important;outline-offset:1px!important} html body:not(.wp-admin) main input:is([type=checkbox],[type=radio]){accent-color:#173e32;min-height:0!important;padding:0!important} html body:not(.wp-admin) button:disabled,html body:not(.wp-admin) .button.disabled{cursor:not-allowed;opacity:.55} /* Shared header and footer: the approved homepage navigation throughout. */ html body:not(.wp-admin) .wp-site-blocks>header.wp-block-template-part{position:sticky!important;top:0!important;z-index:1000!important;margin:0!important;padding:0!important;background:#f7f3e9!important;border:0!important;box-shadow:0 5px 24px #173e3207!important} html body.admin-bar:not(.wp-admin) .wp-site-blocks>header.wp-block-template-part{top:32px!important} html body:not(.wp-admin) .gdv-site-chrome{position:relative!important;top:0!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-site-chrome::before{content:"Gratis verzending vanaf €50";display:block;padding:7px 24px;background:#173e32;color:#fff9ec;text-align:center;font:400 12px/1.6 var(--gdv-font-body);letter-spacing:.02em} html body:not(.wp-admin) .gdv-mainnav{position:relative!important;top:0!important;background:#f7f3e9!important;background-image:none!important;border-bottom:1px solid #cfbda433!important} html body:not(.wp-admin) .gdv-mainnav::before,html body:not(.wp-admin) .gdv-mainnav::after{display:none!important} html body:not(.wp-admin) .gdv-mainnav__inner{min-height:86px!important;padding-top:10px!important;padding-bottom:10px!important;max-width:1480px!important} html body:not(.wp-admin) .gdv-navicons{gap:12px!important;border:0!important;padding-left:16px!important} html body:not(.wp-admin) :is(.gdv-iconlink,.gdv-search-open,.gdv-mobile-menu>summary){width:44px!important;min-width:44px!important;height:44px!important;padding:10px!important;background:transparent!important;border:0!important;border-radius:50%!important;color:#173e32!important;box-shadow:none!important} html body:not(.wp-admin) :is(.gdv-iconlink,.gdv-search-open)::before,html body:not(.wp-admin) :is(.gdv-iconlink,.gdv-search-open)::after{content:none!important;display:none!important} html body:not(.wp-admin) .gdv-mainnav .gdv-navicons :is(.gdv-iconlink,.gdv-search-open)>svg{display:block!important;width:23px!important;min-width:23px!important;height:23px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.5!important} html body:not(.wp-admin) :is(.gdv-iconlink,.gdv-search-open)>span:not(.gdv-cart-count){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important} html body:not(.wp-admin) :is(.gdv-iconlink,.gdv-search-open,.gdv-mobile-menu>summary):hover{background:#e9e2d4!important} html body:not(.wp-admin) .gdv-cart-count:not(.is-empty){position:absolute!important;right:0!important;top:0!important;min-width:17px!important;height:17px!important;font-size:10px!important;background:#173e32!important;color:#fff!important} html body:not(.wp-admin) .gdv-footer-v2{background:#173e32!important;background-image:none!important;padding-bottom:30px!important} html body:not(.wp-admin) .gdv-footer-v2::before,html body:not(.wp-admin) .gdv-footer-v2::after{display:none!important} html body:not(.wp-admin) .gdv-footer-v2 .gdv-footer-v2__inner{max-width:1280px!important;padding-top:48px!important;padding-bottom:0!important} html body:not(.wp-admin) .gdv-footer-v2 .gdv-footer-grid{padding-bottom:30px!important;gap:42px!important} html body:not(.wp-admin) .gdv-footer-v2 .gdv-footer-review-summary:has(.is-empty){display:none!important} html body:not(.wp-admin) .gdv-footer-v2 .gdv-footer-socials a{background:transparent!important;color:#f2e8d5!important;border:1px solid #ffffff40!important;box-shadow:none!important;width:38px!important;height:38px!important;transform:none!important} html body:not(.wp-admin) .gdv-footer-v2 .gdv-footer-socials a:hover{background:#ffffff15!important;border-color:#cfb67e!important} html body:not(.wp-admin) .gdv-footer-v2 .gdv-footer-socials a svg path{fill:currentColor!important} html body:not(.wp-admin) .gdv-footer-v2 .gdv-footer-payments{gap:12px!important;align-items:center!important} html body:not(.wp-admin) .gdv-footer-v2 .gdv-footer-payments .gdv-pay-logo img{max-height:25px!important;width:auto!important} html body:not(.wp-admin) .gdv-footer-v2 .gdv-footer-column :is(a,button){font-size:14px!important;line-height:1.7!important} html body:not(.wp-admin) .gdv-footer-v2 .gdv-footer-delivery{font-size:12px!important;color:#d2ddd6!important;padding-top:18px!important} /* Shop: calm four-column catalogue with genuine images, prices and availability. */ html body.gdv-catalog-premium main .wp-block-query-title{color:#173e32!important;margin-block:12px 24px!important} html body.gdv-catalog-premium main .gdv-shop-filterbar{gap:10px!important;padding-block:0 26px!important;border-bottom:1px solid #d7ccba!important;margin-bottom:30px!important} html body.gdv-catalog-premium main .gdv-shop-filterbar a{font:500 14px/1.5 var(--gdv-font-body)!important;padding:10px 25px!important;background:transparent!important;border:1px solid #c8bda9!important;border-radius:8px!important;color:#173e32!important;box-shadow:none!important} html body.gdv-catalog-premium main .gdv-shop-filterbar a.is-active{background:#173e32!important;border-color:#173e32!important;color:#fff9ec!important} html body.gdv-catalog-premium main .wc-block-product-template{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:26px 22px!important} html body.gdv-catalog-premium main li.wc-block-product{min-width:0!important;padding:0 0 19px!important;border:1px solid #d7ccba!important;border-radius:8px!important;background:#fffcf5!important;box-shadow:none!important;overflow:hidden!important;transform:none!important;transition:border-color .2s!important} html body.gdv-catalog-premium main li.wc-block-product:hover{border-color:#9a895f!important;box-shadow:0 8px 24px #173e3208!important;transform:none!important} html body.gdv-catalog-premium main .wc-block-components-product-image{margin:0 0 20px!important;background:#ede5d7!important;border:0!important;border-radius:0!important;aspect-ratio:1/1;overflow:hidden} html body.gdv-catalog-premium main .wc-block-components-product-image img{object-fit:contain!important;border-radius:0!important;box-shadow:none!important;background:#ede5d7!important;width:100%!important;height:100%!important} html body.gdv-catalog-premium main li.wc-block-product .wp-block-post-title{font-size:24px!important;line-height:1.15!important;padding-inline:18px!important;margin-block:0 10px!important;text-align:left!important;min-height:89px!important} html body.gdv-catalog-premium main .gdv-recipe-identity{text-align:left!important;gap:6px!important} html body.gdv-catalog-premium main .gdv-recipe-name{font:400 25px/1.2 var(--gdv-font-heading)!important;letter-spacing:-.035em!important} html body.gdv-catalog-premium main .gdv-recipe-ingredients{font:400 14px/1.5 var(--gdv-font-body)!important;color:#526052!important;letter-spacing:0!important} html body.gdv-catalog-premium main .gdv-recipe-stage{font:500 10px/1.5 var(--gdv-font-body)!important;letter-spacing:.1em!important;color:#80683d!important;margin-top:3px!important} html body.gdv-catalog-premium main .wp-block-woocommerce-product-price{text-align:left!important;padding-inline:18px!important;margin-block:0 13px!important} html body.gdv-catalog-premium main .wc-block-components-product-price{text-align:left!important;font-size:15px!important} html body.gdv-catalog-premium main .wp-block-woocommerce-product-button{padding-inline:18px!important;text-align:left!important} html body.gdv-catalog-premium main .wp-block-woocommerce-product-button a.wc-block-components-product-button__button{background:transparent!important;border:0!important;border-bottom:1px solid #8a987f!important;color:#173e32!important;border-radius:0!important;min-height:44px!important;justify-content:space-between!important;width:100%!important;padding:8px 0!important;text-align:left!important;font-size:13px!important} html body.gdv-catalog-premium main .wp-block-woocommerce-product-button a.wc-block-components-product-button__button:hover{background:transparent!important;border-color:#173e32!important} html body:not(.wp-admin) main .price,html body:not(.wp-admin) main .woocommerce-Price-amount{color:#173e32!important} html body:not(.wp-admin) .gdv-from-price__label,html body:not(.wp-admin) .woocommerce-price-suffix{font-size:12px!important;color:#626a5b!important;font-weight:400!important} html body:not(.wp-admin) .gdv-catalog-tools{max-width:1280px!important} html body:not(.wp-admin) .gdv-shop-search{border:1px solid #d7ccba!important;background:#eee5d4!important;border-radius:8px!important;box-shadow:none!important;padding:24px!important} html body:not(.wp-admin) .gdv-catalog-guide-help{background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;padding:28px!important;color:#173e32!important} html body:not(.wp-admin) .gdv-catalog-guide-help__icon{background:transparent!important;border:1px solid #b7a780!important;box-shadow:none!important;color:#80683d!important} html body:not(.wp-admin) .gdv-catalog-guide-help h2{font-size:28px!important;color:#173e32!important} html body:not(.wp-admin) .gdv-catalog-hero{border-radius:8px!important;box-shadow:none!important;background-color:#eee5d4!important} html body:not(.wp-admin) .gdv-catalog-empty{max-width:1100px!important;padding:55px!important;background:linear-gradient(100deg,#eee5d4,#f7f3e9)!important;border:1px solid #d7ccba!important;border-radius:8px!important;text-align:left!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-catalog-empty h2{max-width:650px;color:#173e32!important} html body:not(.wp-admin) .gdv-catalog-empty p{max-width:680px;font-size:16px!important;line-height:1.8!important} html body:not(.wp-admin) .gdv-catalog-empty__primary{background:#173e32!important;border:1px solid #173e32!important;color:#fff9ec!important;border-radius:8px!important;padding:13px 24px!important;box-shadow:none!important} /* Product detail: generous image, concise buying column and clean data tables. */ html body.single-product main>.wp-block-columns{gap:52px!important;align-items:flex-start!important} html body.single-product main .woocommerce-product-gallery{border-radius:8px!important;overflow:hidden!important;box-shadow:none!important;background:#efe7da!important} html body.single-product main .woocommerce-product-gallery img{border-radius:0!important;box-shadow:none!important} html body.single-product main .wp-block-column:has(.wp-block-add-to-cart-form){background:#fffcf5!important;padding:35px!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;min-width:0!important} html body.single-product main .wp-block-post-title{margin:0 0 20px!important;font-size:48px!important} html body.single-product main .gdv-recipe-name{font:400 clamp(36px,3.6vw,50px)/1.1 var(--gdv-font-heading)!important;color:#173e32!important} html body.single-product main .gdv-recipe-ingredients{font:400 21px/1.5 var(--gdv-font-body)!important;color:#526052!important;margin-top:8px!important} html body.single-product main .gdv-recipe-stage{font-size:11px!important;letter-spacing:.13em!important;color:#80683d!important;margin-top:8px!important} html body.single-product main .gdv-product-trust{border:0!important;border-top:1px solid #d7ccba!important;border-bottom:1px solid #d7ccba!important;border-radius:0!important;background:transparent!important;padding-block:20px!important;box-shadow:none!important} html body.single-product main .gdv-product-trust :is(strong,b){color:#173e32!important} html body.single-product main .wp-block-post-excerpt{font-size:14px!important;line-height:1.8!important;color:#526052!important} html body.single-product main .woocommerce-tabs{padding:36px!important;border:1px solid #d7ccba!important;border-radius:8px!important;background:#fffcf5!important;box-shadow:none!important;margin-top:46px!important} html body.single-product main .woocommerce-tabs ul.tabs{display:flex!important;flex-wrap:wrap!important;gap:10px!important;border-bottom:1px solid #d7ccba!important;padding:0 0 18px!important;margin-bottom:30px!important} html body.single-product main .woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important} html body.single-product main .woocommerce-tabs ul.tabs li a{padding:10px 18px!important;border-radius:8px!important;font:500 14px/1.5 var(--gdv-font-body)!important;color:#173e32!important} html body.single-product main .woocommerce-tabs ul.tabs li.active a{background:#173e32!important;color:#fff9ec!important} html body.single-product main .gdv-product-info__card{background:#f7f3e9!important;border:1px solid #d7ccba!important;border-radius:8px!important;padding:24px!important;box-shadow:none!important} html body.single-product main .gdv-product-info__table{font-size:14px!important} html body.single-product main .gdv-product-info__table :is(th,td){border-bottom:1px solid #d7ccba!important;padding:10px 12px!important} html body.single-product main .gdv-product-info__card h3{font-size:25px!important} /* About: warm editorial photography, readable story and restrained accents. */ html body:not(.wp-admin) .gdv-about{max-width:1280px!important;margin:0 auto!important;color:#173e32!important} html body:not(.wp-admin) .gdv-about__hero{background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;overflow:hidden!important;padding:0!important} html body:not(.wp-admin) .gdv-about__hero-grid{grid-template-columns:1fr 1fr!important;gap:0!important;align-items:stretch!important} html body:not(.wp-admin) .gdv-about__hero-copy{padding:clamp(28px,4vw,54px)!important;color:#173e32!important} html body:not(.wp-admin) .gdv-about__hero h1{font-size:clamp(38px,3.9vw,56px)!important;color:#173e32!important;line-height:1.12!important;margin-bottom:24px!important} html body:not(.wp-admin) .gdv-about__eyebrow{font:500 10px/1.7 var(--gdv-font-body)!important;letter-spacing:.16em!important;color:#80683d!important;margin-bottom:18px!important} html body:not(.wp-admin) .gdv-about__lead{font:400 16px/1.85 var(--gdv-font-body)!important;color:#526052!important;margin:0!important} html body:not(.wp-admin) .gdv-about__love{border-top:1px solid #cfc0a8!important;margin-top:25px!important;padding-top:18px!important;gap:10px 18px!important} html body:not(.wp-admin) .gdv-about__love span{padding:0!important;border:0!important;background:transparent!important;color:#526052!important;font-size:12px!important} html body:not(.wp-admin) .gdv-about__hero-photo{margin:0!important;border-radius:0!important;min-height:440px!important;border:0!important} html body:not(.wp-admin) .gdv-about__hero-photo img{width:100%!important;height:100%!important;min-height:440px!important;object-fit:cover!important;border-radius:0!important} html body:not(.wp-admin) .gdv-about__hero-note{border:1px solid #cfbda4!important;border-radius:8px!important;box-shadow:none!important;background:#faf4e8!important;color:#173e32!important} html body:not(.wp-admin) .gdv-about__wrap{max-width:1120px!important;padding:0!important;margin-top:60px!important} html body:not(.wp-admin) .gdv-about__story{gap:55px!important;align-items:center!important} html body:not(.wp-admin) .gdv-about__story-photo{border-radius:8px!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-about__story-copy p{font-size:15px!important;line-height:1.85!important;color:#526052!important} html body:not(.wp-admin) .gdv-about__quote{background:#eee5d4!important;border:0!important;border-left:2px solid #bba36c!important;border-radius:0!important;padding:20px 24px!important;box-shadow:none!important;font:italic 22px/1.5 var(--gdv-font-heading)!important;color:#173e32!important} html body:not(.wp-admin) .gdv-about__factory-shell{background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;color:#173e32!important} html body:not(.wp-admin) .gdv-about__factory :is(h2,p){color:#173e32!important} html body:not(.wp-admin) .gdv-about__factory-photo{border-radius:8px!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-about__step{background:transparent!important;border:0!important;border-top:1px solid #d7ccba!important;border-radius:0!important;padding-block:16px!important;color:#173e32!important} /* Contact: keep the original form, honeypot, consent and submission handling. */ html body:not(.wp-admin) .gdv-contact-wrap{width:100%!important;min-width:0!important;max-width:min(1160px,100%)!important;box-sizing:border-box!important;padding:0!important;margin:0 auto!important;background:transparent!important} html body:not(.wp-admin) .gdv-contact-intro{display:block!important;text-align:left!important;max-width:760px!important;margin:0 0 34px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-contact-intro::after{display:none!important} html body:not(.wp-admin) .gdv-contact-kicker{font-size:10px!important;font-weight:500!important;letter-spacing:.18em!important;color:#80683d!important} html body:not(.wp-admin) .gdv-contact-intro h1{font-size:clamp(40px,4.5vw,62px)!important;margin-block:15px 20px!important;color:#173e32!important} html body:not(.wp-admin) .gdv-contact-intro p{font-size:16px!important;line-height:1.8!important;color:#526052!important} html body:not(.wp-admin) .gdv-contact-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:28px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important} html body:not(.wp-admin) .gdv-contact-card{min-width:0!important;box-sizing:border-box!important;background:#fffcf5!important;border:1px solid #d7ccba!important;border-radius:8px!important;padding:34px!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-contact-form-heading h2{font-size:30px!important;color:#173e32!important} html body:not(.wp-admin) .gdv-contact-fields label{font-size:13px!important;font-weight:600!important;color:#173e32!important} html body:not(.wp-admin) .gdv-contact-consent{font-size:12px!important;line-height:1.8!important;color:#526052!important} html body:not(.wp-admin) .gdv-contact-side{background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;overflow:hidden!important;color:#173e32!important} html body:not(.wp-admin) .gdv-contact-side-copy{padding:34px!important} html body:not(.wp-admin) .gdv-contact-side :is(h2,p,strong){color:#173e32!important} html body:not(.wp-admin) .gdv-contact-side h2{font-size:34px!important} html body:not(.wp-admin) .gdv-contact-email{background:transparent!important;border:0!important;border-top:1px solid #c8b897!important;border-radius:0!important;padding:20px 0 0!important;box-shadow:none!important;color:#173e32!important;overflow-wrap:anywhere} html body:not(.wp-admin) .gdv-contact-photo{border-radius:0!important;margin:0!important;max-height:320px!important} html body:not(.wp-admin) .gdv-contact-photo img{width:100%!important;height:320px!important;object-fit:cover!important;border-radius:0!important} html body:not(.wp-admin) .gdv-contact-aftercare{border-top:1px solid #d7ccba!important;padding-top:24px!important;margin-top:32px!important;color:#526052!important;font-size:13px!important} /* Subscription: existing benefits retained, visual sales hierarchy simplified. */ html body:not(.wp-admin) .gdv-subscription-page-3020{width:100%!important;max-width:1200px!important;margin:0 auto!important;padding:0!important;background:transparent!important;transform:none!important;left:auto!important;right:auto!important} html body:not(.wp-admin) .gdv-subscription-page-3020__hero{background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;padding:44px!important;gap:46px!important;color:#173e32!important} html body:not(.wp-admin) .gdv-subscription-page-3020__hero::before,html body:not(.wp-admin) .gdv-subscription-page-3020__hero::after{display:none!important} html body:not(.wp-admin) .gdv-subscription-page-3020__kicker{font:500 10px/1.7 var(--gdv-font-body)!important;letter-spacing:.17em!important;color:#80683d!important} html body:not(.wp-admin) .gdv-subscription-page-3020 h1{font-size:clamp(40px,4.2vw,58px)!important;color:#173e32!important;margin-block:26px 20px!important} html body:not(.wp-admin) .gdv-subscription-page-3020__lead{font-size:16px!important;line-height:1.85!important;color:#526052!important} html body:not(.wp-admin) .gdv-subscription-page-3020__deal{background:transparent!important;border:0!important;border-bottom:1px solid #cbbb9d!important;border-radius:0!important;padding:16px 0!important;box-shadow:none!important;color:#173e32!important} html body:not(.wp-admin) .gdv-subscription-page-3020__deal strong{font:500 19px/1.5 var(--gdv-font-body)!important;color:#173e32!important} html body:not(.wp-admin) .gdv-subscription-page-3020__deal{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 14px!important} html body:not(.wp-admin) .gdv-subscription-page-3020__deal>span{background:#d9c9a4!important;color:#173e32!important;border-radius:5px!important;font-size:10px!important;letter-spacing:.08em!important} html body:not(.wp-admin) .gdv-subscription-page-3020__deal>small{font:400 12px/1.5 var(--gdv-font-body)!important;color:#526052!important} html body:not(.wp-admin) .gdv-subscription-page-3020__button{border-radius:8px!important;background:#173e32!important;color:#fff9ec!important;border:1px solid #173e32!important;box-shadow:none!important;padding:14px 25px!important;font:600 14px/1.5 var(--gdv-font-body)!important} html body:not(.wp-admin) .gdv-subscription-page-3020__how{background:#fffcf5!important;border:1px solid #d7ccba!important;border-radius:8px!important;padding:28px!important;box-shadow:none!important;color:#173e32!important} html body:not(.wp-admin) .gdv-subscription-page-3020__how h2{font-size:32px!important;color:#173e32!important} html body:not(.wp-admin) .gdv-subscription-page-3020__how img{border-radius:8px!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-subscription-page-3020__recommended{background:transparent!important;border:0!important;border-radius:0!important;color:#80683d!important;box-shadow:none!important;font-size:11px!important} html body:not(.wp-admin) .gdv-subscription-page-3020__how li{border:0!important;border-top:1px solid #d7ccba!important;background:transparent!important;padding-block:17px!important;border-radius:0!important} html body:not(.wp-admin) .gdv-subscription-page-3020__micro-benefits{color:#526052!important;font-size:13px!important} /* Guide: warm photographic choice cards; all wizard states remain functional. Explicit relative widths replace the legacy 960px planner at tablet sizes. */ html body:not(.wp-admin) .gdv-petplanner.gdv-guided{width:100%!important;min-width:0!important;max-width:min(1160px,100%)!important;box-sizing:border-box!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0 auto!important} html body:not(.wp-admin) .gdv-petplanner__glow{display:none!important} html body:not(.wp-admin) .gdv-petplanner .gdv-startchoice{width:100%!important;min-width:0!important;max-width:min(860px,100%)!important;box-sizing:border-box!important;margin-inline:auto!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important} html body:not(.wp-admin) .gdv-petplanner.gdv-guided:has(.gdv-guide-progress[data-current="start"]) .gdv-petplanner__hero{display:block!important;text-align:left!important;max-width:820px!important;padding:0 0 28px!important;margin:0 auto!important;background:transparent!important;border:0!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-petplanner.gdv-guided:has(.gdv-guide-progress[data-current="start"]) .gdv-petplanner__hero h1{color:#173e32!important;font-size:clamp(38px,4.2vw,56px)!important;line-height:1.12!important;text-transform:none!important;margin-block:14px 18px!important} html body:not(.wp-admin) .gdv-petplanner__hero>p{font:400 15px/1.8 var(--gdv-font-body)!important;color:#526052!important;max-width:640px!important} html body:not(.wp-admin) .gdv-petplanner__eyebrow{font:500 10px/1.7 var(--gdv-font-body)!important;letter-spacing:.17em!important;color:#80683d!important} html body:not(.wp-admin) .gdv-petplanner__trust{display:none!important} html body:not(.wp-admin) .gdv-petplanner.gdv-guided:has(.gdv-guide-progress[data-current="start"]) .gdv-startchoice>p:first-child{display:none!important} html body:not(.wp-admin) .gdv-petplanner .gdv-startchoice>p:first-child{font:400 clamp(38px,4.2vw,56px)/1.15 var(--gdv-font-heading)!important;color:#173e32!important;letter-spacing:-.04em!important;text-align:left!important;margin:0 0 28px!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin-inline:0!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons>button{position:relative!important;isolation:isolate!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;min-width:0!important;width:100%!important;max-width:100%!important;height:340px!important;box-sizing:border-box!important;padding:0!important;border:1px solid #d7ccba!important;border-radius:8px!important;overflow:hidden!important;box-shadow:none!important;background:#ede4d4!important;transform:none!important;text-align:left!important;cursor:pointer!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons>button::after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(0deg,#102419b3 0%,#10241952 30%,transparent 62%)!important;pointer-events:none!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons>button>img{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:72% center!important;border-radius:0!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons>button[data-species=hond]>img{content:url("https://gezondediervoeding.com/wp-content/uploads/2026/09/gdv-warm-hond-20260908.png")} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons>button[data-species=kat]>img{content:url("https://gezondediervoeding.com/wp-content/uploads/2026/09/gdv-warm-kat-20260908.png")} /* The entire button is the hit target. Its label is not another filled button. A non-stretched column keeps both lines below, and clear of, the faces. */ html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons__copy{position:relative!important;inset:auto!important;z-index:2!important;background:transparent!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;align-self:flex-start!important;justify-content:flex-end!important;flex:0 0 auto!important;gap:10px!important;text-align:left!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;box-sizing:border-box!important;padding:30px!important;color:#fff9ec!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons__copy strong{display:block!important;align-self:flex-start!important;justify-self:start!important;text-align:left!important;margin:0!important;font:400 43px/1.2 var(--gdv-font-heading)!important;color:#fff9ec!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons__copy em{position:static!important;inset:auto!important;flex:0 0 auto!important;overflow:visible!important;transform:none!important;background:transparent!important;border:0!important;border-bottom:1px solid #fff9edaa!important;border-radius:0!important;padding:3px 0!important;margin:0!important;min-height:0!important;color:#fff9ec!important;font:500 14px/1.5 var(--gdv-font-body)!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;text-transform:none!important;width:max-content!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;white-space:normal!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons__copy em .gdv-action-button__arrow{display:grid!important;place-items:center!important;position:static!important;inset:auto!important;flex:0 0 22px!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff9ec!important;box-shadow:none!important;font:400 22px/22px var(--gdv-font-body)!important;transform:none!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons>button:hover .gdv-pettypebuttons__copy em{background:transparent!important;border-bottom-color:#fff9ec!important} html body:not(.wp-admin) .gdv-petplanner .gdv-guide-progress{background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;color:#173e32!important} html body:not(.wp-admin) .gdv-petplanner .gdv-guide-progress li{box-shadow:none!important} html body:not(.wp-admin) .gdv-petplanner [hidden]{display:none!important} html body:not(.wp-admin) .gdv-petplanner :is(.gdv-petplanner__form,.gdv-results){background:#fffcf5!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;padding:32px!important;color:#173e32!important} html body:not(.wp-admin) .gdv-petplanner :is(.gdv-guide-heading,.gdv-deliverybox){background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;color:#173e32!important} html body:not(.wp-admin) .gdv-petplanner :is(.gdv-guide-heading h2,.gdv-sectionhead h2){font-size:30px!important;color:#173e32!important} html body:not(.wp-admin) .gdv-petplanner :is(.gdv-guide-next,.gdv-calculate){background:#173e32!important;color:#fff9ec!important;border-radius:8px!important;border:1px solid #173e32!important;box-shadow:none!important;font:600 14px/1.5 var(--gdv-font-body)!important;min-height:48px!important;padding:12px 24px!important} html body:not(.wp-admin) .gdv-petplanner .gdv-guide-back{background:transparent!important;color:#173e32!important;border:1px solid #bbac91!important;border-radius:8px!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-petplanner .gdv-disclaimer{font-size:12px!important;line-height:1.8!important;color:#526052!important} /* Every account endpoint, without altering forms, saved data or rewards. */ html body.woocommerce-account main .woocommerce{padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;display:grid!important;grid-template-columns:245px minmax(0,1fr)!important;gap:30px!important;max-width:1200px!important;margin-inline:auto!important} html body.woocommerce-account main .woocommerce::before,html body.woocommerce-account main .woocommerce::after{display:none!important} html body.woocommerce-account main .woocommerce:not(:has(.woocommerce-MyAccount-navigation)){display:block!important} html body.woocommerce-account main .woocommerce-MyAccount-navigation{width:auto!important;float:none!important;background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;padding:20px!important;align-self:start!important} html body.woocommerce-account main .woocommerce-MyAccount-navigation a{font:400 14px/1.5 var(--gdv-font-body)!important;padding:12px 15px!important;border-radius:8px!important;margin:0 0 4px!important;box-shadow:none!important;color:#173e32!important;background:transparent!important;border:0!important;min-height:44px!important} html body.woocommerce-account main .woocommerce-MyAccount-navigation .is-active a{background:#173e32!important;color:#fff9ec!important} html body.woocommerce-account main .woocommerce-MyAccount-navigation li{padding:0!important;margin:0!important;border:0!important} html body.woocommerce-account main .woocommerce-MyAccount-navigation li:not(.is-active) a:hover{background:#e1d5be!important;color:#173e32!important} html body.woocommerce-account main .woocommerce-account-gravatar{border-bottom:1px solid #d7ccba!important;padding-bottom:20px!important;margin-bottom:18px!important} html body.woocommerce-account main .woocommerce-MyAccount-content{width:auto!important;float:none!important;min-width:0!important;padding:32px!important;border:1px solid #d7ccba!important;border-radius:8px!important;background:#fffcf5!important;box-shadow:none!important} html body.woocommerce-account main .gdv-dashboard-simple-3015{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} html body.woocommerce-account main .gdv-dashboard-simple-3015__head{background:transparent!important;padding:0 0 24px!important;border:0!important;border-bottom:1px solid #d7ccba!important;border-radius:0!important;box-shadow:none!important;color:#173e32!important} html body.woocommerce-account main .gdv-dashboard-simple-3015__head h2{font-size:40px!important;color:#173e32!important} html body.woocommerce-account main .gdv-dashboard-simple-3015__head::before,html body.woocommerce-account main .gdv-dashboard-simple-3015__head::after{display:none!important} html body.woocommerce-account main .gdv-dashboard-simple-3015__grid{gap:18px!important;margin-top:24px!important} html body.woocommerce-account main .gdv-dashboard-card-3015{background:#f7f3e9!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;color:#173e32!important;padding:22px!important;transform:none!important} html body.woocommerce-account main .gdv-dashboard-card-3015--primary{background:#e6dcc8!important;border-color:#c7b99c!important} html body.woocommerce-account main .gdv-dashboard-card-3015 strong{font:400 25px/1.25 var(--gdv-font-heading)!important;color:#173e32!important} html body.woocommerce-account main .gdv-dashboard-card-3015 span{color:#526052!important;font-size:13px!important} html body.woocommerce-account main .gdv-dashboard-card-3015 small{color:#526052!important;font:400 13px/1.6 var(--gdv-font-body)!important} html body.woocommerce-account main .gdv-dashboard-card-3015 i{color:#80683d!important;background:transparent!important;box-shadow:none!important} html body.woocommerce-account main .gdv-dashboard-simple-3015__quick{border-top:1px solid #d7ccba!important;margin-top:25px!important;padding-top:18px!important} html body.woocommerce-account main :is(.gdv-pets__hero,.gdv-pets__form-wrap,.gdv-pet-form,.gdv-club--simple,.gdv-payments-account-3022,.woocommerce-EditAccountForm){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;color:#173e32!important} html body.woocommerce-account main :is(.gdv-pets__hero,.gdv-club__head,.gdv-payments-account-3022__head){border-bottom:1px solid #d7ccba!important;padding-bottom:22px!important;margin-bottom:24px!important} html body.woocommerce-account main :is(.gdv-pets h2,.gdv-club h2,.gdv-payments-account-3022 h2){font-size:36px!important;color:#173e32!important} html body.woocommerce-account main :is(.gdv-club__balance,.gdv-club__milestone,.gdv-payments-account-3022__card,.woocommerce-Address,.gdv-pet-avatar-picker-3017){background:#f7f3e9!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;padding:24px!important;color:#173e32!important} html body.woocommerce-account main :is(.woocommerce-Addresses,.gdv-pet-form__grid){gap:22px!important} html body.woocommerce-account main .woocommerce-Addresses{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} html body.woocommerce-account main .woocommerce-Address{width:auto!important;min-width:0!important} html body.woocommerce-account main .woocommerce-Address address{font:400 14px/1.8 var(--gdv-font-body)!important} html body.woocommerce-account main .woocommerce-Address h2{font-size:27px!important} html body.woocommerce-account main fieldset{border:1px solid #d7ccba!important;border-radius:8px!important;padding:24px!important;margin-top:28px!important;background:#fffcf5!important} html body.woocommerce-account main legend{font:400 25px/1.3 var(--gdv-font-heading)!important;padding:0 10px!important} html body.woocommerce-account main .gdv-email-preferences{padding:20px!important;border:1px solid #d7ccba!important;background:#eee5d4!important;border-radius:8px!important} html body.woocommerce-account main label{font-size:13px!important;color:#173e32!important;line-height:1.7!important} html body:not(.wp-admin) .wc-block-components-notice-banner{border-radius:8px!important;box-shadow:none!important;font-size:14px!important;line-height:1.7!important} /* Journal and legal information: editorial titles and comfortable reading width. */ html body:not(.wp-admin) .gdv-blog-3200{max-width:1160px!important;padding:0!important;margin:0 auto!important} html body:not(.wp-admin) .gdv-blog-3200__hero{background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;padding:44px!important;box-shadow:none!important;color:#173e32!important} html body:not(.wp-admin) .gdv-blog-3200__hero h1{color:#173e32!important} html body:not(.wp-admin) .gdv-blog-3200__hero p{color:#80683d!important;font-size:10px!important;font-weight:500!important;letter-spacing:.17em!important} html body:not(.wp-admin) .gdv-blog-3200__hero-mark{display:none!important} html body:not(.wp-admin) .gdv-blog-3200__empty{border:0!important;border-bottom:1px solid #d7ccba!important;border-radius:0!important;background:transparent!important;padding:42px 0!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-blog-3200__faq{background:#fffcf5!important;border:1px solid #d7ccba!important;border-radius:8px!important;padding:36px!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-blog-3200__faq details{border:0!important;border-bottom:1px solid #d7ccba!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-blog-3200__faq summary{padding:22px 0!important;font-size:15px!important;color:#173e32!important} html body:not(.wp-admin) .gdv-blog-3200__faq details p{font-size:15px!important;line-height:1.85!important;color:#526052!important} html body:not(.wp-admin) .gdv-legal{max-width:900px!important;padding:40px!important;background:#fffcf5!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;margin:0 auto!important;color:#173e32!important;font-size:15px!important;line-height:1.85!important} html body:not(.wp-admin) .gdv-legal h2{font-size:28px!important;margin-top:38px!important;color:#173e32!important} html body:not(.wp-admin) .gdv-legal__summary{background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;padding:24px!important} html body.privacy-policy main>.entry-content{max-width:980px!important} html body.privacy-policy main>.entry-content>.wp-block-group:first-child{background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;padding:38px!important;box-shadow:none!important} html body.privacy-policy main>.entry-content>.wp-block-group:first-child *{color:#173e32!important} html body.privacy-policy main>.entry-content>.wp-block-group:not(:first-child){max-width:820px!important;margin-inline:auto!important;background:transparent!important;padding-inline:0!important} html body.privacy-policy main h2{font-size:29px!important;line-height:1.3!important;margin-top:34px!important} html body.privacy-policy main p,html body.privacy-policy main li{font-size:15px!important;line-height:1.9!important;color:#435344!important} html body.privacy-policy main .gdv-privacy-addendum-127{padding:30px!important;border:1px solid #d7ccba!important;border-radius:8px!important;background:#eee5d4!important;box-shadow:none!important} /* Cart and checkout: preserve native WooCommerce controls and validation. */ html body:is(.woocommerce-cart,.woocommerce-checkout) main>.entry-content{max-width:1200px!important} html body:is(.woocommerce-cart,.woocommerce-checkout) main>.entry-content>.wp-block-group:first-child{background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;padding:32px!important;box-shadow:none!important} html body:is(.woocommerce-cart,.woocommerce-checkout) main>.entry-content>.wp-block-group:first-child :is(h1,h2,h3,p){color:#173e32!important} html body:is(.woocommerce-cart,.woocommerce-checkout) main :is(.wc-block-cart,.wc-block-checkout){background:#fffcf5!important;border:1px solid #d7ccba!important;border-radius:8px!important;padding:28px!important;box-shadow:none!important} html body.woocommerce-cart main .wp-block-woocommerce-empty-cart-block{padding-block:24px!important} html body.woocommerce-cart main .wc-block-cart__empty-cart__title{font-size:34px!important;margin-bottom:28px!important;color:#173e32!important} html body.woocommerce-cart main .wc-block-grid__products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin:25px 0!important} html body.woocommerce-cart main .wc-block-grid__product{max-width:none!important;padding:22px!important;background:#f7f3e9!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important} html body.woocommerce-cart main .wc-block-grid__product-title{font:400 24px/1.3 var(--gdv-font-heading)!important;color:#173e32!important} html body.woocommerce-cart main .wc-block-grid__product-add-to-cart a{background:transparent!important;border:0!important;border-bottom:1px solid #9caa93!important;border-radius:0!important;color:#173e32!important;padding:8px 0!important;width:100%!important} html body:not(.wp-admin) .gdv-checkout-confidence-125{background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;padding:30px!important;box-shadow:none!important;color:#173e32!important} html body:not(.wp-admin) .gdv-checkout-confidence-125 h2{font-size:31px!important;color:#173e32!important} html body.woocommerce-checkout main .wc-block-components-button{border-radius:8px!important;box-shadow:none!important} html body.woocommerce-checkout main .gdv-checkout-hero{background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important;min-height:0!important} html body.woocommerce-checkout main .gdv-checkout-hero :is(h2,p){color:#173e32!important} html body.woocommerce-checkout main .gdv-checkout-hero::before,html body.woocommerce-checkout main .gdv-checkout-hero::after{display:none!important} html body.woocommerce-checkout main :is(.gdv-checkout-trust__item,.gdv-checkout-shell .wc-block-components-checkout-step){border-color:#d7ccba!important;border-radius:8px!important;background:#fffcf5!important;box-shadow:none!important} html body.woocommerce-checkout main .gdv-checkout-shell .wc-block-checkout__sidebar{border-color:#d7ccba!important;border-top-color:#b7a16f!important;border-radius:8px!important;background:#eee5d4!important;box-shadow:none!important} html body.woocommerce-checkout main .gdv-checkout-help{border-color:#d7ccba!important;border-radius:8px!important;background:#eee5d4!important;box-shadow:none!important} /* Preserve WooCommerce floating-label input metrics instead of generic form padding. */ html body.woocommerce-checkout main .wc-block-components-text-input input{padding:revert-layer!important;min-height:revert-layer!important} /* Responsive: layouts shrink, typography remains legible and touch targets stay usable. */ @media(min-width:1121px){html body:not(.wp-admin) .gdv-mainnav__inner{gap:20px!important}html body:not(.wp-admin) .gdv-mainnav .gdv-brand{font-size:28px!important}html body:not(.wp-admin) .gdv-mainnav .gdv-desktop-nav{gap:25px!important}html body:not(.wp-admin) .gdv-desktop-nav>a,html body:not(.wp-admin) .gdv-shop-choice__trigger,html body:not(.wp-admin) .gdv-nav-choice__trigger{font-weight:500!important}} @media(max-width:1120px){ html body.gdv-catalog-premium main .wc-block-product-template{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important} html body.single-product main>.wp-block-columns{gap:28px!important} html body.single-product main .wp-block-column:has(.wp-block-add-to-cart-form){padding:25px!important} html body:not(.wp-admin) .gdv-subscription-page-3020__hero{padding:32px!important;gap:28px!important} html body.woocommerce-account main .woocommerce{grid-template-columns:210px minmax(0,1fr)!important;gap:24px!important} html body.woocommerce-account main .woocommerce-MyAccount-content{padding:25px!important} } @media(max-width:800px){ html body:not(.home):not(.wp-admin) main.wp-block-group{padding-block:32px 48px!important} html body:not(.home):not(.wp-admin) main>.entry-content,html body:not(.home):not(.wp-admin) main>.alignwide,html body:not(.home):not(.wp-admin) main>.alignfull{width:calc(100% - 40px)!important} html body:not(.home):not(.wp-admin) main h1{font-size:42px!important} html body.gdv-catalog-premium main .wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} html body.gdv-catalog-premium main li.wc-block-product .wp-block-post-title{padding-inline:14px!important;min-height:94px!important} html body.gdv-catalog-premium main .gdv-recipe-name{font-size:24px!important} html body.gdv-catalog-premium main :is(.wp-block-woocommerce-product-price,.wp-block-woocommerce-product-button){padding-inline:14px!important} html body:not(.wp-admin) .gdv-about__hero-grid,html body:not(.wp-admin) .gdv-about__story,html body:not(.wp-admin) .gdv-contact-grid,html body:not(.wp-admin) .gdv-subscription-page-3020__hero{grid-template-columns:minmax(0,1fr)!important} html body:not(.wp-admin) .gdv-about__hero-photo,html body:not(.wp-admin) .gdv-about__hero-photo img{min-height:330px!important;max-height:470px!important} html body:not(.wp-admin) .gdv-about__wrap{margin-top:38px!important} html body:not(.wp-admin) .gdv-about__story{gap:28px!important} html body:not(.wp-admin) .gdv-about__factory-shell{display:flex!important;flex-direction:column!important} html body:not(.wp-admin) .gdv-contact-grid{gap:22px!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons{grid-template-columns:minmax(0,1fr)!important;gap:20px!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons>button{height:300px!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons__copy{padding:24px!important} html body.woocommerce-account main .woocommerce{grid-template-columns:minmax(0,1fr)!important} html body.woocommerce-account main .woocommerce-MyAccount-navigation{padding:18px!important} html body.woocommerce-account main .woocommerce-MyAccount-navigation ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important} html body.woocommerce-account main .woocommerce-account-gravatar{display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:12px!important;padding-bottom:12px!important} html body.woocommerce-account main .woocommerce-account-gravatar__avatar-wrapper{max-width:50px!important;margin:0!important} html body.woocommerce-cart main .wc-block-grid__products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} } @media(max-width:600px){ html body.admin-bar:not(.wp-admin) .wp-site-blocks>header.wp-block-template-part{top:46px!important} html body:not(.wp-admin) .gdv-mainnav__inner{min-height:70px!important;padding-block:8px!important} html body:not(.wp-admin) .gdv-site-chrome::before{font-size:10px;padding-block:5px} html body:not(.wp-admin) .gdv-navicons{padding-left:0!important;gap:2px!important} html body:not(.wp-admin) :is(.gdv-iconlink,.gdv-search-open,.gdv-mobile-menu>summary){width:40px!important;min-width:40px!important;height:44px!important;padding:9px!important} html body:not(.home):not(.wp-admin) main>.entry-content,html body:not(.home):not(.wp-admin) main>.alignwide,html body:not(.home):not(.wp-admin) main>.alignfull{width:calc(100% - 32px)!important} html body:not(.home):not(.wp-admin) main h1{font-size:38px!important;line-height:1.15!important} html body:not(.home):not(.wp-admin) main h2{font-size:30px!important} html body:not(.wp-admin) :is(.gdv-about__hero-copy,.gdv-contact-card,.gdv-contact-side-copy,.gdv-subscription-page-3020__hero,.gdv-subscription-page-3020__how,.gdv-catalog-empty,.gdv-blog-3200__hero,.gdv-blog-3200__faq,.gdv-legal){padding:26px!important} html body:not(.wp-admin) .gdv-about__hero h1{font-size:37px!important} html body:not(.wp-admin) .gdv-contact-intro h1{font-size:40px!important} /* Keep a calm 12px outer gutter without doubling the form's inner margins. */ html body.page-id-419:not(.home):not(.wp-admin) main>.entry-content{width:calc(100% - 24px)!important} html body:not(.wp-admin) .gdv-contact-card{padding:24px 14px!important} html body:not(.wp-admin) .gdv-contact-email strong{font-size:15px!important} html body:not(.wp-admin) .gdv-contact-aftercare{display:block!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons{grid-template-columns:minmax(0,1fr)!important;gap:18px!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons>button{height:230px!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons__copy{padding:18px!important;gap:7px!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons__copy strong{font-size:36px!important} html body:not(.wp-admin) .gdv-petplanner .gdv-pettypebuttons__copy em{font-size:13px!important;gap:10px!important} html body:not(.wp-admin) .gdv-petplanner :is(.gdv-petplanner__form,.gdv-results){padding:14px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important} html body:not(.wp-admin) .gdv-petplanner .gdv-petcard{padding:16px!important;background:#fffcf5!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-petplanner .gdv-sectionhead h2{font-size:24px!important} html body:not(.wp-admin) .gdv-petplanner .gdv-startchoice>p:first-child{font-size:38px!important} html body.woocommerce-account main .woocommerce-MyAccount-content{padding:21px!important} html body.woocommerce-account main .gdv-dashboard-simple-3015__grid,html body.woocommerce-account main .woocommerce-Addresses{grid-template-columns:minmax(0,1fr)!important} html body.woocommerce-account main .woocommerce-MyAccount-navigation a{font-size:12px!important;padding:11px!important} html body.woocommerce-account main :is(.gdv-pet-form__grid,.gdv-pet-avatar-picker-3017__search){grid-template-columns:minmax(0,1fr)!important} html body.woocommerce-account main fieldset{padding:18px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important} html body.woocommerce-account main legend{max-width:100%!important;white-space:normal!important;box-sizing:border-box!important;font:600 18px/1.4 var(--gdv-font-body)!important;overflow-wrap:anywhere!important} html body.woocommerce-account main .woocommerce-EditAccountForm :is(.form-row-first,.form-row-last){float:none!important;width:100%!important;margin-right:0!important} html body.woocommerce-account main .woocommerce-Address header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important} html body.woocommerce-account main .woocommerce-Address header :is(h2,h3,.edit){float:none!important;max-width:100%!important;margin:0!important;white-space:normal!important} html body.woocommerce-account main :is(.gdv-club__balance,.gdv-club__milestone,.gdv-payments-account-3022__card,.woocommerce-Address,.gdv-pet-avatar-picker-3017){padding:20px!important} html body.single-product main .woocommerce-tabs{padding:22px!important} html body.single-product main .woocommerce-tabs ul.tabs{gap:4px!important} html body.single-product main .woocommerce-tabs ul.tabs li a{font-size:12px!important;padding:9px 12px!important} html body.single-product main .gdv-product-info__card{padding:18px!important} html body.single-product main .gdv-product-info__table{font-size:12px!important} html body.single-product main .gdv-product-info__table :is(th,td){padding:9px!important} html body:is(.woocommerce-cart,.woocommerce-checkout) main>.entry-content>.wp-block-group:first-child{padding:24px!important} html body:is(.woocommerce-cart,.woocommerce-checkout) main :is(.wc-block-cart,.wc-block-checkout){padding:20px!important} html body.woocommerce-cart main .wc-block-grid__product{padding:17px!important} html body.woocommerce-cart main .wc-block-grid__product-title{font-size:22px!important} html body:not(.wp-admin) .gdv-checkout-confidence-125{padding:23px!important} html body.privacy-policy main>.entry-content>.wp-block-group:first-child{padding:25px!important} html body.privacy-policy main .gdv-privacy-addendum-127{padding:23px!important} html body:not(.wp-admin) .gdv-footer-v2 .gdv-footer-grid{gap:28px!important} } @media(max-width:400px){ html body.gdv-catalog-premium main .wc-block-product-template{gap:12px!important} html body.gdv-catalog-premium main .gdv-recipe-name{font-size:21px!important} html body.gdv-catalog-premium main .gdv-recipe-ingredients{font-size:12px!important} html body.gdv-catalog-premium main .gdv-recipe-stage{font-size:9px!important;letter-spacing:.04em!important} html body.gdv-catalog-premium main .wc-block-components-product-price{font-size:13px!important} html body.gdv-catalog-premium main .wc-block-components-product-button__button{font-size:12px!important} html body.gdv-catalog-premium main li.wc-block-product .wp-block-post-title{padding-inline:11px!important;min-height:101px!important} html body.gdv-catalog-premium main :is(.wp-block-woocommerce-product-price,.wp-block-woocommerce-product-button){padding-inline:11px!important} } @media(max-width:360px){html body:not(.wp-admin) .gdv-mainnav__inner{gap:4px!important;padding-inline:8px!important}html body:not(.wp-admin) .gdv-mainnav .gdv-brand{min-width:0!important;max-width:calc(100% - 128px)!important;font-size:14px!important}html body.woocommerce-cart main .wc-block-grid__products{grid-template-columns:minmax(0,1fr)!important}} @media(prefers-reduced-motion:reduce){html body:not(.wp-admin) *,html body:not(.wp-admin) *::before,html body:not(.wp-admin) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* Keep the existing native purchase controls, in the same warm palette. */ html body.single-product main .gdv-weight-guidance{margin:0 0 18px!important;padding:0!important;font:400 13px/1.65 var(--gdv-font-body)!important;color:#526052!important;} html body.single-product main .wp-block-add-to-cart-form{background:#eee5d4!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important} /* Boutique 20260908: one palette and component vocabulary, existing layouts retained. Reuse the two self-hosted brand typefaces already supplied by the active theme. No new external font requests, imagery, content, links or business logic. */ html body:not(.wp-admin){--gdv-boutique-version:restored-design-20260908-1;--gdv-font-body:"DM Sans",Arial,Helvetica,sans-serif;--gdv-font-heading:"Bodoni Moda",Georgia,"Times New Roman",serif;--gdv-paper:#f7f3e9;--gdv-surface:#fffcf5;--gdv-sand:#eee5d4;--gdv-line:#d7ccba;--gdv-accent:#9b793f;--gdv-component-radius:8px;background-color:var(--gdv-paper)!important;background-image:radial-gradient(ellipse at 12% 35%,#e8dcca33,transparent 65%)!important;color:#173e32!important;font-family:var(--gdv-font-body)!important;-webkit-font-smoothing:antialiased} html body:not(.home):not(.wp-admin) main.wp-block-group{background:transparent!important} html body:not(.wp-admin) main :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=date],input[type=search],textarea,select){font-family:var(--gdv-font-body)!important;font-size:16px!important;border-radius:8px!important;background:#fffcf5!important;border-color:#c8bda9!important} html body:not(.home):not(.wp-admin) main :is(h1,h2,h3,h4){font-family:var(--gdv-font-heading)!important;letter-spacing:-.025em!important} html body:not(.wp-admin) :is(.gdv-mainnav,.gdv-footer-v2,.gdv-footer-pro,.gdv-home-subscription-230,.gdv-contact-wrap,.gdv-return-online,.gdv-subscription-page-3020,.gdv-petplanner,.gdv-blog-3200,.gdv-legal){font-family:var(--gdv-font-body)!important} html body:not(.wp-admin) :is(.gdv-mainnav__inner,.gdv-mainnav,.wp-site-blocks>header.wp-block-template-part){background-color:#f7f3e9!important} html body:not(.wp-admin) .gdv-mainnav{border-bottom:1px solid #d7ccba!important} html body:not(.wp-admin) .wp-site-blocks>header.wp-block-template-part{box-shadow:0 3px 15px #173e3205!important} html body:not(.wp-admin) :is(.gdv-desktop-nav>a,.gdv-shop-choice__trigger,.gdv-nav-choice__trigger,.gdv-mobile-choice__links a){font-family:var(--gdv-font-body)!important;font-weight:500!important} html body:not(.wp-admin) :is(.gdv-shop-choice__menu,.gdv-nav-choice__menu,.gdv-mobile-menu__panel){background:#fffcf5!important;border-color:#d7ccba!important;border-radius:8px!important;box-shadow:0 12px 32px #173e3212!important} html body:not(.wp-admin) .gdv-footer-v2{background:#173e32!important;border-top:1px solid #a28a5e!important} html body:not(.wp-admin) .gdv-footer-v2 :is(.gdv-footer-column h2,.gdv-footer-column h3){color:#d7bd8b!important;font-family:var(--gdv-font-body)!important;font-size:11px!important;font-weight:500!important;letter-spacing:.15em!important} html body:not(.wp-admin) .gdv-footer-v2 .gdv-footer-column :is(a,button){font-family:var(--gdv-font-body)!important;font-weight:400!important;text-underline-offset:5px} /* Homepage: retain photo framing and all responsive hero rules. */ html body.home #gdv-home-luxe{--gl-paper:#f7f3e9;--gl-line:#d7ccba;font-family:var(--gdv-font-body)!important;background-color:var(--gdv-paper)!important;background-image:radial-gradient(ellipse at 12% 35%,#e8dcca33,transparent 65%)!important} html body.home #gdv-home-luxe :is(h1,h2,h3){font-family:var(--gdv-font-heading)!important;letter-spacing:-.03em!important} html body.home #gdv-home-luxe :is(p,.gl-textlink,.gl-card-link,.gl-category-links,summary,.gl-answer,.gl-trust-item){font-family:var(--gdv-font-body)!important} html body.home #gdv-home-luxe .gl-eyebrow{font-family:var(--gdv-font-body)!important;color:#80683d!important;font-weight:500!important;letter-spacing:.16em!important} html body.home #gdv-home-luxe .gl-hero .gl-eyebrow{color:#405345!important} html body.home #gdv-home-luxe .gl-trust{background:#eee5d4!important;border-bottom-color:#d7ccba!important} html body.home #gdv-home-luxe .gl-trust-item+.gl-trust-item{border-left-color:#cbbda5!important} html body.home #gdv-home-luxe .gl-card{border-radius:8px!important} html body.home #gdv-home-luxe .gl-card :is(h3,p,.gl-card-link){color:#fff9ec!important} html body.home #gdv-home-luxe .gl-guide{background:#173e32!important;border:1px solid #315446!important;border-top-color:#a28a5e!important;border-radius:8px!important;box-shadow:none!important} html body.home #gdv-home-luxe .gl-guide :is(h2,p,.gl-textlink){color:#fff9ec!important} html body.home #gdv-home-luxe .gl-guide .gl-eyebrow{color:#d7bd8b!important} html body.home #gdv-home-luxe .gl-guide .gl-textlink span:first-child{border-bottom-color:#c1aa7d!important} html body.home #gdv-home-luxe .gl-guide .gl-textlink span:last-child{color:#e0c998!important} html body.home #gdv-home-luxe .gl-guide-copy .gl-textlink{font-weight:500!important} html body.home #gdv-home-luxe .gl-faq .gl-textlink span:first-child{border-bottom-color:#b59b6d!important} /* Catalogue: the genuine full-pack photographs and their priority layer stay intact. */ html body.gdv-catalog-premium main li.wc-block-product{background:#fffcf5!important;border-color:#d7ccba!important;border-radius:8px!important;padding-bottom:22px!important} html body.gdv-catalog-premium main li.wc-block-product:hover{border-color:#b49c71!important;box-shadow:0 5px 18px #173e3208!important} html body.gdv-catalog-premium main .gdv-recipe-name{font-family:var(--gdv-font-heading)!important;font-size:27px!important;letter-spacing:-.02em!important} html body.gdv-catalog-premium main .gdv-recipe-stage{font:500 11px/1.6 var(--gdv-font-body)!important;letter-spacing:.07em!important;color:#80683d!important} html body.gdv-catalog-premium main .gdv-recipe-ingredients{font-family:var(--gdv-font-body)!important;font-size:14px!important} html body.gdv-catalog-premium main li.wc-block-product .wp-block-post-title{min-height:96px!important} html body.gdv-catalog-premium main .wc-block-components-product-price{font-family:var(--gdv-font-body)!important;font-size:16px!important;font-weight:500!important} html body.gdv-catalog-premium main .gdv-shop-filterbar a{border-radius:8px!important;min-height:44px!important;font-family:var(--gdv-font-body)!important} html body.single-product main .gdv-recipe-name{font-family:var(--gdv-font-heading)!important} html body.single-product main .wp-block-add-to-cart-form{background:transparent!important;border:0!important;border-top:1px solid #d7ccba!important;border-radius:0!important;box-shadow:none!important;padding:24px 0 0!important} html body.single-product main .gdv-product-info__card{background:#f7f3e9!important} html body.single-product main .woocommerce-tabs ul.tabs li a{border-radius:8px!important;font-family:var(--gdv-font-body)!important} /* Contact and returns: a single surface, with understated separators inside. */ html body:not(.wp-admin) :is(.gdv-contact-card,.gdv-return-online){background:#fffcf5!important;border:1px solid #d7ccba!important;border-radius:8px!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-contact-side{background:#eee5d4!important;border-color:#d7ccba!important;border-radius:8px!important} html body:not(.wp-admin) :is(.gdv-contact-fields label,.gdv-return-online label){font-family:var(--gdv-font-body)!important;font-weight:500!important} html body:not(.wp-admin) .gdv-return-online :is(.gdv-ret-eyebrow,.gdv-ret-help){font-family:var(--gdv-font-body)!important} html body:not(.wp-admin) .gdv-return-online :is(h2,legend){font-family:var(--gdv-font-heading)!important;font-weight:400!important} html body:not(.wp-admin) .gdv-return-online fieldset{margin:24px 0!important;padding:22px 0 0!important;border:0!important;border-top:1px solid #d7ccba!important;border-radius:0!important;background:transparent!important} html body:not(.wp-admin) .gdv-return-online legend{padding:0 12px 0 0!important;font-size:25px!important} html body:not(.wp-admin) .gdv-return-online .gdv-ret-warning{background:#eee5d4!important;border-left:2px solid #9b793f!important;border-radius:0!important;font-weight:500!important} html body:not(.wp-admin) .gdv-return-online details{border:0!important;border-bottom:1px solid #d7ccba!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-return-online summary{font-family:var(--gdv-font-body)!important;font-size:14px!important;font-weight:500!important;min-height:48px!important} html body:not(.wp-admin) .gdv-return-start{background:#eee5d4!important;border-color:#d7ccba!important;border-radius:8px!important;box-shadow:none!important} html body:not(.wp-admin) .gdv-return-start h2{font-family:var(--gdv-font-heading)!important} html body:not(.wp-admin) .gdv-return-start>p:has(strong){background:#fffcf5!important;border-left-color:#9b793f!important} html body:not(.wp-admin) .gdv-legal__summary{border:0!important;border-top:1px solid #d7ccba!important;border-bottom:1px solid #d7ccba!important;border-radius:0!important;background:transparent!important;padding:22px 0!important} /* Shared secondary surfaces, including advice, subscriptions and account endpoints. */ html body:not(.wp-admin) :is(.gdv-about__hero,.gdv-subscription-page-3020__hero,.gdv-blog-3200__hero,.gdv-guide-progress,.gdv-catalog-guide-help,.gdv-catalog-empty,.gdv-legal){border-color:#d7ccba!important;border-radius:8px!important} html body.woocommerce-account main :is(.gdv-dashboard-card-3015,.woocommerce-Address,.gdv-payments-account-3022__card,.gdv-club__balance,.gdv-club__milestone){border-radius:8px!important;border-color:#d7ccba!important;background:#f7f3e9!important} html body.woocommerce-account main .gdv-dashboard-card-3015--primary{background:#eee5d4!important} html body.woocommerce-account main .woocommerce-MyAccount-navigation{background:#eee5d4!important} html body.woocommerce-account main .woocommerce-MyAccount-content{background:#fffcf5!important} html body:not(.wp-admin) :is(.gdv-petplanner__form,.gdv-results) .gdv-guide-heading{background:transparent!important;border:0!important;border-bottom:1px solid #d7ccba!important;border-radius:0!important} html body:not(.wp-admin) .gdv-petplanner .gdv-petcard{background:#f7f3e9!important;border-color:#d7ccba!important;border-radius:8px!important;box-shadow:none!important} @media(max-width:760px){html body.home #gdv-home-luxe .gl-hero{background:#eee5d4!important}} @media(max-width:600px){ html body:not(.wp-admin) .gdv-return-online{padding:24px 16px!important} html body:not(.wp-admin) .gdv-return-online legend{font-size:23px!important} html body:not(.wp-admin) .gdv-return-online :is(input,textarea,select){font-size:16px!important} html body.gdv-catalog-premium main .gdv-recipe-name{font-size:25px!important} } @media(max-width:480px){ html body.gdv-catalog-premium main .wc-block-product-template{grid-template-columns:minmax(0,1fr)!important;gap:24px!important} html body.gdv-catalog-premium main li.wc-block-product .wp-block-post-title{min-height:0!important;padding-inline:22px!important;margin-bottom:17px!important} html body.gdv-catalog-premium main :is(.wp-block-woocommerce-product-price,.wp-block-woocommerce-product-button){padding-inline:22px!important} html body.gdv-catalog-premium main .gdv-recipe-name{font-size:29px!important} html body.gdv-catalog-premium main .gdv-recipe-stage{font-size:11px!important} html body.gdv-catalog-premium main .wc-block-components-product-price{font-size:17px!important} } /* Actual-page component repairs within the existing warm-luxe layer. No URLs, content, product images, native input state or form handlers change. */ html body:not(.wp-admin){--gdv-restore-version:restored-design-20260908-1} /* Match the active shipping-display module: amounts are shown at checkout. The old generated free-shipping headline must not contradict that setting. */ html body:not(.wp-admin) .gdv-site-chrome::before{content:none!important;display:none!important} html body.home #gdv-home-luxe .gl-collections{padding-block:52px!important} html body.home #gdv-home-luxe .gl-collection-grid{gap:24px!important;margin-top:28px!important} html body.home #gdv-home-luxe .gl-card{border-radius:8px!important;box-shadow:none!important} html body.home #gdv-home-luxe .gl-guide{padding:44px 48px!important;margin-bottom:64px!important;border-color:#315446!important} html body.home #gdv-home-luxe .gl-faq{padding-bottom:64px!important} html body:not(.wp-admin) .gdv-mainnav__inner{max-width:1376px!important} /* Catalogue cards: quiet boundaries and aligned readable product information. */ html body.gdv-catalog-premium main li.wc-block-product{box-shadow:none!important;border-color:#dfd5c5!important} html body.gdv-catalog-premium main li.wc-block-product .gdv-recipe-stage{border-color:#c4b492!important;border-radius:3px!important;font-weight:500!important} html body.gdv-catalog-premium main li.wc-block-product .wp-block-woocommerce-product-button{margin-top:20px!important} /* Return/contact panels and account forms retain their original controls. */ html body:not(.wp-admin) :is(.gdv-contact-wrap,.gdv-return-online,.gdv-about,.gdv-subscription-page-3020,.gdv-petplanner,.gdv-blog-3200,.gdv-legal){color:#173e32!important} html body:not(.wp-admin) :is(.gdv-contact-card,.gdv-return-online,.gdv-legal,.gdv-about__hero,.gdv-blog-3200__hero){box-shadow:none!important} @media(min-width:1921px){ html body.home #gdv-home-luxe .gl-hero{margin-top:24px!important;border-radius:8px!important} html body.home #gdv-home-luxe .gl-trust{max-width:1920px!important;margin-inline:auto!important;border-radius:0 0 8px 8px!important} } @media(max-width:760px){ html body.home #gdv-home-luxe .gl-collections{padding-block:32px!important} html body.home #gdv-home-luxe .gl-collection-grid{gap:18px!important;margin-top:22px!important} html body.home #gdv-home-luxe .gl-guide{padding:28px 24px!important;margin-bottom:40px!important;gap:20px!important} html body.home #gdv-home-luxe .gl-faq{padding-bottom:40px!important} } /* The real homepage subscription section: a sand panel on the shared paper. */ html body.home .gdv-home-subscription-230 { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 0 64px !important; background: var(--gdv-paper, #f7f3e9) !important; color: #173e32 !important; font-family: var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; } html body.home .gdv-home-subscription-230__inner { box-sizing: border-box !important; width: min(1280px, calc(100% - 96px)) !important; max-width: 1280px !important; min-height: 0 !important; margin: 0 auto !important; padding: 46px 48px !important; grid-template-columns: minmax(0, 1fr) 240px !important; gap: 48px !important; border: 1px solid #d7ccba !important; border-radius: 8px !important; background: #eee5d4 !important; box-shadow: none !important; } html body.home .gdv-home-subscription-230__inner::before, html body.home .gdv-home-subscription-230__orb::before { content: none !important; display: none !important; } html body.home .gdv-home-subscription-230__copy { min-width: 0 !important; max-width: 740px !important; } html body.home .gdv-home-subscription-230__copy > span { margin-bottom: 16px !important; color: #80683d !important; font: 500 10px/1.6 var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; letter-spacing: .16em !important; } html body.home .gdv-home-subscription-230__copy h2 { max-width: 700px !important; color: #173e32 !important; font: 400 clamp(36px, 3.3vw, 48px)/1.12 var(--gdv-font-heading, "Bodoni Moda", Georgia, serif) !important; letter-spacing: -.03em !important; text-wrap: balance; } html body.home .gdv-home-subscription-230__copy p { max-width: 610px !important; margin-top: 18px !important; color: #526052 !important; font: 400 15px/1.8 var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; } html body.home .gdv-home-subscription-230__orb { width: min(220px, 100%) !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html body.home .gdv-home-subscription-230__orb svg { width: 68% !important; stroke: #9b793f !important; stroke-width: 1.6 !important; } html body.home .gdv-home-subscription-230__orb circle { fill: #9b793f !important; } html body.home .gdv-home-subscription-230__orb span { bottom: 16px !important; color: #80683d !important; font: 500 9px/1.6 var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; letter-spacing: .16em !important; } /* The actual shared footer, not the unused footer-v2 component. */ html body:not(.wp-admin) .gdv-footer-pro { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid #a28a5e !important; background: #173e32 !important; color: #fff9ec !important; font-family: var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; } html body:not(.wp-admin) .gdv-footer-pro::before { content: none !important; display: none !important; } html body:not(.wp-admin) .gdv-footer-pro__inner { width: min(1280px, calc(100% - 96px)) !important; max-width: 1280px !important; left: auto !important; transform: none !important; margin: 0 auto !important; padding: 60px 0 28px !important; } html body:not(.wp-admin) .gdv-footer-pro__grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, .75fr) minmax(0, .85fr) minmax(0, 1.25fr) !important; gap: 36px !important; } html body:not(.wp-admin) .gdv-footer-pro__grid > * { min-width: 0 !important; } html body:not(.wp-admin) .gdv-footer-pro__logo { max-width: 100% !important; margin-bottom: 24px !important; font: 400 23px/1.2 var(--gdv-font-heading, "Bodoni Moda", Georgia, serif) !important; letter-spacing: -.025em !important; overflow-wrap: anywhere; } html body:not(.wp-admin) .gdv-footer-pro__lead { margin-bottom: 18px !important; color: #fff9ec !important; font: 400 31px/1.17 var(--gdv-font-heading, "Bodoni Moda", Georgia, serif) !important; letter-spacing: -.025em !important; } html body:not(.wp-admin) .gdv-footer-pro__copy { padding: 0 !important; margin: 0 !important; color: #d0dbd3 !important; font: 400 14px/1.8 var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; } html body:not(.wp-admin) .gdv-footer-pro__eyebrow { margin: 6px 0 20px !important; color: #d7bd8b !important; font: 500 10px/1.6 var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; letter-spacing: .15em !important; } html body:not(.wp-admin) .gdv-footer-pro nav a, html body:not(.wp-admin) .gdv-footer-pro__contact a { color: #f2eee3 !important; font: 400 14px/1.65 var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; transform: none !important; overflow-wrap: anywhere; text-underline-offset: 5px; } html body:not(.wp-admin) .gdv-footer-pro__contact { color: #d0dbd3 !important; font: 400 14px/1.7 var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; } html body:not(.wp-admin) .gdv-footer-pro__club { padding: 24px !important; border: 1px solid #d7bd8b40 !important; border-radius: 8px !important; background: #ffffff05 !important; box-shadow: none !important; } html body:not(.wp-admin) .gdv-footer-pro__club h3 { color: #fff9ec !important; font: 400 28px/1.16 var(--gdv-font-heading, "Bodoni Moda", Georgia, serif) !important; letter-spacing: -.02em !important; } html body:not(.wp-admin) .gdv-footer-pro__club p { padding: 0 !important; margin: 12px 0 18px !important; color: #d0dbd3 !important; font: 400 14px/1.7 var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; } html body:not(.wp-admin) .gdv-footer-pro__club > p.gdv-footer-pro__eyebrow { padding: 0 !important; margin: 0 0 16px !important; color: #d7bd8b !important; font: 500 10px/1.6 var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; } html body:not(.wp-admin) .gdv-footer-pro__perks span { padding: 5px 0 !important; border-radius: 0 !important; background: transparent !important; color: #d7bd8b !important; font: 400 11px/1.6 var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; } html body:not(.wp-admin) .gdv-footer-pro__trust { gap: 24px !important; margin: 42px 0 26px !important; padding-top: 24px !important; border-top-color: #ffffff26 !important; } html body:not(.wp-admin) .gdv-footer-pro__trust div { min-height: 58px !important; padding: 6px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; } html body:not(.wp-admin) .gdv-footer-pro__trust b { background: transparent !important; color: #d7bd8b !important; } html body:not(.wp-admin) .gdv-footer-pro__trust strong { color: #fff9ec !important; font: 500 13px/1.5 var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; } html body:not(.wp-admin) .gdv-footer-pro__trust small { color: #c1d0c6 !important; font: 400 11px/1.5 var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; } html body:not(.wp-admin) .gdv-footer-pro__bottom { gap: 18px 28px !important; border-top-color: #ffffff26 !important; color: #c1d0c6 !important; font: 400 12px/1.6 var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; flex-wrap: wrap !important; } html body:not(.wp-admin) .gdv-footer-pro__legal { gap: 8px 18px !important; } html body:not(.wp-admin) .gdv-footer-pro__legal a { color: #e5e9df !important; text-underline-offset: 5px !important; } html body:not(.wp-admin) .gdv-footer-pro .gdv-footer-review-summary { border: 0 !important; border-radius: 0 !important; background: transparent !important; font-family: var(--gdv-font-body, "DM Sans", Arial, sans-serif) !important; font-weight: 400 !important; } html body:not(.wp-admin) .gdv-footer-pro .gdv-footer-review-summary__badge { border-color: #d7bd8b40 !important; border-radius: 4px !important; background: transparent !important; color: #d7bd8b !important; font-weight: 500 !important; } @media (hover: hover) { html body:not(.wp-admin) .gdv-footer-pro nav a:hover, html body:not(.wp-admin) .gdv-footer-pro__contact a:hover, html body:not(.wp-admin) .gdv-footer-pro__legal a:hover { color: #e0c998 !important; transform: none !important; } } @media (max-width: 1150px) { html body.home .gdv-home-subscription-230__inner, html body:not(.wp-admin) .gdv-footer-pro__inner { width: calc(100% - 64px) !important; } html body:not(.wp-admin) .gdv-footer-pro__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 36px 48px !important; } } @media (max-width: 980px) { html body.home .gdv-home-subscription-230__inner { padding: 34px !important; grid-template-columns: minmax(0, 1fr) 180px !important; gap: 28px !important; } } @media (max-width: 760px) { html body.home .gdv-home-subscription-230 { padding-bottom: 40px !important; } html body.home .gdv-home-subscription-230__inner, html body:not(.wp-admin) .gdv-footer-pro__inner { width: calc(100% - 40px) !important; } html body.home .gdv-home-subscription-230__inner { padding: 28px 24px !important; gap: 20px !important; } html body.home .gdv-home-subscription-230__copy h2 { font-size: 34px !important; } html body.home .gdv-home-subscription-230__copy p { font-size: 14px !important; } html body:not(.wp-admin) .gdv-footer-pro__inner { padding-top: 42px !important; } } @media (max-width: 700px) { html body.home .gdv-home-subscription-230__inner { grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; } } @media (max-width: 680px) { html body:not(.wp-admin) .gdv-footer-pro__grid { grid-template-columns: minmax(0, 1fr) !important; gap: 30px !important; } html body:not(.wp-admin) .gdv-footer-pro__logo { padding-right: 0 !important; font-size: 22px !important; } html body:not(.wp-admin) .gdv-footer-pro__club { padding: 22px !important; } html body:not(.wp-admin) .gdv-footer-pro__trust { gap: 8px !important; margin-top: 32px !important; } } @media (max-width: 360px) { html body.home .gdv-home-subscription-230__inner, html body:not(.wp-admin) .gdv-footer-pro__inner { width: calc(100% - 32px) !important; } html body.home .gdv-home-subscription-230__inner { padding: 26px 20px !important; } html body:not(.wp-admin) .gdv-footer-pro__logo { font-size: 20px !important; } } } /* GDV STEP 1 — desktop action arrows only. Keep after user approval. No button/container restyling; no mobile, dropdown or back-arrow changes. */ @layer gdv-button-atelier { @media (min-width:981px) { html body:not(.wp-admin) :is(a,button) .gdv-site-arrow[data-gdv-arrow="right"], html body:not(.wp-admin) #gdv-home-luxe :is(a,button) .gdv-site-arrow[data-gdv-arrow="right"], html body:not(.wp-admin) .gdv-footer-pro a.gdv-footer-pro__cta>.gdv-site-arrow[data-gdv-arrow="right"] { width:32px!important;min-width:32px!important;max-width:32px!important; height:32px!important;min-height:32px!important;max-height:32px!important; flex-basis:32px!important; background:#fff9ec!important;border-color:#fff9ec!important; border-radius:50%!important;color:#173e32!important; } html body:not(.wp-admin) :is(a,button) .gdv-site-arrow[data-gdv-arrow="right"]::after, html body:not(.wp-admin) #gdv-home-luxe :is(a,button) .gdv-site-arrow[data-gdv-arrow="right"]::after { background:#173e32!important; } html body.home #gdv-home-luxe .gl-hero a.gl-button::after, html body:not(.wp-admin) .gdv-footer-pro nav[aria-labelledby="gdv-footer-nav"] li>a::after { width:32px!important;min-width:32px!important;max-width:32px!important; height:32px!important;min-height:32px!important;max-height:32px!important; flex:0 0 32px!important;border:0!important;border-radius:50%!important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23fff9ec'/%3E%3Cpath d='M10 16h12m-5-5 5 5-5 5' fill='none' stroke='%23173e32' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important; mask:none!important;-webkit-mask:none!important; } } } /* END GDV STEP 1 */

/* GDV: product toegevoegd melding op telefoon */
@media (max-width: 767px) {
  body .wc-block-components-notice-banner.is-success {
    align-items: flex-start !important;
    padding: 14px !important;
    border-radius: 14px !important;
  }
  body .wc-block-components-notice-banner.is-success > svg {
    flex: 0 0 auto !important;
    margin-top: 3px !important;
  }
  body .wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content {
    display: flex !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  body .wc-block-components-notice-banner.is-success .cpf-atc__text {
    display: block !important;
    line-height: 1.4 !important;
  }
  body .wc-block-components-notice-banner.is-success .cpf-atc__actions {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  body .wc-block-components-notice-banner.is-success .cpf-atc__actions .cpf-atc__btn {
    display: inline-flex !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    flex: 1 1 135px !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
  }
  body .wc-block-components-notice-banner.is-success .cpf-atc__actions .cpf-atc__link {
    display: block !important;
    width: 100% !important;
    padding: 2px 4px !important;
    text-align: center !important;
  }
}