/*
Theme Name: Giovane Gentile
Template: twentytwentyfive
Description: Giovane Gentile Fashion and Style — an Italian tailoring house with a department store's structure. Bodoni Moda and Jost on ivory, ink and antique gold.
Version: 2.3.9
Requires at least: 7.0
Requires PHP: 8.1
Text Domain: giovane
*/

:root {
	--gg-ink: var(--wp--preset--color--contrast);
	--gg-ivory: var(--wp--preset--color--base);
	--gg-gold: var(--wp--preset--color--accent-1);
	--gg-pale-gold: var(--wp--preset--color--accent-5);
	--gg-linen: var(--wp--preset--color--accent-2);
	--gg-taupe: var(--wp--preset--color--accent-4);
	--gg-display: var(--wp--preset--font-family--display);
	--gg-body: var(--wp--preset--font-family--body);
	--gg-rule: color-mix(in srgb, var(--gg-ink) 12%, transparent);
	--gg-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
/* Focus rings for keyboard users only. A mouse click or tap focuses the element
   too, and WordPress then drew an outline on whatever was clicked; :focus-visible
   keeps the ring where it helps (keyboard) and drops it where it does not. */
:where(.wp-site-blocks, body) :focus:not(:focus-visible) { outline: none !important; box-shadow: none; }
:where(.wp-site-blocks, body) :focus-visible { outline: 2px solid var(--gg-gold); outline-offset: 2px; }
::selection { background: var(--gg-pale-gold); color: var(--gg-ink); }
:where(h1, h2, h3) em, .gg-hero__title em { font-style: italic; color: var(--gg-gold); }
main { overflow-x: clip; }

/* ── Shared atoms ─────────────────────────────────────────────────────────── */
.gg-eyebrow { font: 500 0.72rem/1.4 var(--gg-body); letter-spacing: 0.24em; text-transform: uppercase; color: var(--gg-taupe); margin: 0 0 1rem; }
.gg-eyebrow--gold { color: var(--gg-pale-gold); }
.gg-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.6em; padding: 1.05em 2.1em; font: 500 0.76rem/1 var(--gg-body); letter-spacing: 0.2em; text-transform: uppercase; border: 1px solid transparent; transition: background 0.35s var(--gg-ease), color 0.35s var(--gg-ease), border-color 0.35s var(--gg-ease); }
.gg-btn--gold { background: var(--gg-gold); color: #fff; border-color: var(--gg-gold); }
.gg-btn--gold:hover { background: var(--gg-ivory); color: var(--gg-ink); border-color: var(--gg-ivory); }
.gg-btn--ghost { color: var(--gg-ivory); border-color: color-mix(in srgb, var(--gg-ivory) 45%, transparent); }
.gg-btn--ghost:hover { border-color: var(--gg-pale-gold); color: var(--gg-pale-gold); }
.gg-btn--outline-gold { color: var(--gg-pale-gold); border-color: var(--gg-gold); }
.gg-btn--outline-gold:hover { background: var(--gg-gold); color: #fff; }
.gg-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--gg-rule); padding-bottom: 0.9rem; margin-bottom: 2rem; }
.gg-section-head h2 { margin: 0; font-size: var(--wp--preset--font-size--x-large); }
.gg-link-arrow { font: 500 0.74rem/1 var(--gg-body); letter-spacing: 0.18em; text-transform: uppercase; white-space: nowrap; }
.gg-link-arrow::after { content: "→"; display: inline-block; margin-left: 0.5em; transition: transform 0.3s var(--gg-ease); }
.gg-link-arrow:hover::after { transform: translateX(4px); }

/* ── Header ───────────────────────────────────────────────────────────────── */
header.wp-block-template-part { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 100; background: var(--gg-ivory); }
header.wp-block-template-part > .wp-block-group { margin-block: 0; }
.gg-announce { font: 400 0.74rem/1.4 var(--gg-body); letter-spacing: 0.14em; text-transform: uppercase; overflow: hidden; }
.gg-announce__track { display: flex; justify-content: center; gap: 1.4rem; margin: 0; white-space: nowrap; }
.gg-announce__dup { display: none; }
.gg-announce__dot { color: var(--gg-gold); font-size: 0.55rem; align-self: center; }
.gg-masthead { border-bottom: 1px solid var(--gg-rule); }
.gg-masthead__row { gap: clamp(1rem, 3vw, 3rem) !important; }
.gg-logo img { display: block; }
.gg-search { flex: 1 1 auto; max-width: 560px; }
.gg-search .wp-block-search__inside-wrapper { border: 1px solid color-mix(in srgb, var(--gg-ink) 22%, transparent) !important; background: #fff; padding: 0 !important; transition: border-color 0.3s; }
.gg-search .wp-block-search__inside-wrapper:focus-within { border-color: var(--gg-gold) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--gg-gold) 18%, transparent); }
.gg-search .wp-block-search__input { border: 0 !important; background: transparent; padding: 0.85rem 1rem; font: 400 0.95rem var(--gg-body); color: var(--gg-ink); }
.gg-search .wp-block-search__input::placeholder { color: var(--gg-taupe); }
.gg-search .wp-block-search__button { background: transparent !important; color: var(--gg-ink) !important; border: 0 !important; padding: 0 1rem !important; margin: 0; }
.gg-search .wp-block-search__button:hover { color: var(--gg-gold) !important; }
.gg-masthead__actions { align-items: center; }
.gg-call { display: inline-flex; align-items: center; gap: 0.5rem; font: 500 0.74rem/1 var(--gg-body); letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; }
.gg-masthead__actions .wc-block-customer-account a, .gg-masthead__actions .wc-block-mini-cart__button { color: var(--gg-ink); padding: 0.25rem; }
.gg-masthead__actions svg.wc-block-customer-account__account-icon, .gg-masthead__actions .wc-block-mini-cart__icon { width: 26px; height: 26px; }
.wc-block-mini-cart__badge { background: var(--gg-gold) !important; color: #fff !important; border: 0 !important; font-family: var(--gg-body); }

.gg-catnav { border-bottom: 1px solid var(--gg-rule); }
.gg-catnav__list { display: flex; justify-content: center; gap: clamp(1rem, 2.4vw, 2.4rem); overflow-x: auto; scrollbar-width: none; padding-block: 0.95rem; margin-inline: auto; }
.gg-catnav__list::-webkit-scrollbar { display: none; }
.gg-catnav__list a { position: relative; font: 500 0.76rem/1 var(--gg-body); letter-spacing: 0.17em; text-transform: uppercase; white-space: nowrap; padding-block: 0.3rem; }
.gg-catnav__list a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -0.2rem; height: 1px; background: var(--gg-gold); transform: scaleX(0); transform-origin: left; transition: transform 0.35s var(--gg-ease); }
.gg-catnav__list a:hover::after, .gg-catnav__list a:focus-visible::after { transform: scaleX(1); }
.gg-catnav__all { color: var(--gg-gold) !important; }

/* ── Hero ─────────────────────────────────────────────────────────────────── */
.gg-hero { display: grid !important; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); min-height: min(82vh, 760px); background: var(--gg-ink); margin-block: 0 !important; }
.gg-hero__panel { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: var(--wp--preset--spacing--60) clamp(1.5rem, 5vw, 5rem); color: var(--gg-linen); }
.gg-hero__panel .gg-eyebrow { color: var(--gg-pale-gold); }
.gg-hero__title { font: 400 clamp(2.9rem, 6.4vw, 5.6rem)/0.98 var(--gg-display); letter-spacing: -0.02em; margin: 0 0 1.6rem; color: var(--gg-ivory); }
.gg-hero__title em { display: block; }
.gg-hero__lede { max-width: 34ch; margin: 0 0 2.4rem; font-size: 1.05rem; line-height: 1.7; color: color-mix(in srgb, var(--gg-linen) 82%, transparent); }
.gg-hero__actions { display: flex; flex-wrap: wrap; gap: 0.9rem; }
.gg-hero__media { position: relative; margin: 0; overflow: hidden; }
.gg-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 22%; display: block; animation: gg-settle 1.6s var(--gg-ease) both; }
.gg-hero__media::before { content: ""; position: absolute; inset: clamp(1rem, 2.5vw, 2rem); border: 1px solid color-mix(in srgb, var(--gg-pale-gold) 70%, transparent); z-index: 1; pointer-events: none; }
.gg-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--gg-ink) 0%, transparent 28%); pointer-events: none; }
.gg-hero__panel > * { animation: gg-rise 0.9s var(--gg-ease) both; }
.gg-hero__panel > :nth-child(2) { animation-delay: 0.08s; }
.gg-hero__panel > :nth-child(3) { animation-delay: 0.16s; }
.gg-hero__panel > :nth-child(4) { animation-delay: 0.24s; }
@keyframes gg-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes gg-settle { from { transform: scale(1.06); } to { transform: scale(1); } }

/* ── Category shortcuts ───────────────────────────────────────────────────── */
.gg-shortcuts__list { list-style: none; margin: 0 auto; padding: 0.4rem 0 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(96px, 1fr); gap: clamp(0.9rem, 2vw, 1.8rem); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.gg-shortcuts__list::-webkit-scrollbar { display: none; }
.gg-shortcuts__list li { scroll-snap-align: start; }
.gg-shortcuts__list a { display: flex; flex-direction: column; align-items: center; gap: 0.85rem; text-align: center; }
.gg-shortcuts__ring { display: block; width: 100%; max-width: 132px; aspect-ratio: 1; border-radius: 50%; padding: 4px; background: var(--gg-ivory); box-shadow: 0 0 0 1px var(--gg-rule); transition: box-shadow 0.35s var(--gg-ease); }
.gg-shortcuts__ring img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block; transition: transform 0.6s var(--gg-ease); }
.gg-shortcuts__list a:hover .gg-shortcuts__ring { box-shadow: 0 0 0 1.5px var(--gg-gold); }
.gg-shortcuts__list a:hover img { transform: scale(1.07); }
.gg-shortcuts__label { font: 500 0.72rem/1.3 var(--gg-body); letter-spacing: 0.14em; text-transform: uppercase; }

/* ── Editorial tiles ──────────────────────────────────────────────────────── */
.gg-tiles__grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: clamp(0.75rem, 1.5vw, 1.25rem); margin-inline: auto; }
.gg-tile { position: relative; display: block; overflow: hidden; aspect-ratio: 4 / 5; background: var(--gg-linen); isolation: isolate; }
.gg-tile--0 { aspect-ratio: auto; }
.gg-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--gg-ease); z-index: -2; }
.gg-tile::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 38%, color-mix(in srgb, var(--gg-ink) 85%, transparent) 100%); }
.gg-tile:hover img { transform: scale(1.05); }
.gg-tile__caption { position: absolute; left: 0; right: 0; bottom: 0; padding: clamp(1.2rem, 2.5vw, 2rem); color: var(--gg-ivory); display: grid; gap: 0.4rem; }
.gg-tile__index { font: italic 400 0.95rem var(--gg-display); color: var(--gg-pale-gold); }
.gg-tile__title { font: 400 clamp(1.7rem, 2.6vw, 2.4rem)/1 var(--gg-display); }
.gg-tile__text { font-size: 0.92rem; color: color-mix(in srgb, var(--gg-ivory) 80%, transparent); }
.gg-tile__cta { margin-top: 0.6rem; font: 500 0.72rem/1 var(--gg-body); letter-spacing: 0.2em; text-transform: uppercase; display: inline-flex; gap: 0.5em; width: fit-content; border-bottom: 1px solid var(--gg-pale-gold); padding-bottom: 0.35rem; }

/* ── Product cards (every grid) ───────────────────────────────────────────── */
.gg-grid .wc-block-product-template, .gg-cards { gap: clamp(1.25rem, 2.5vw, 2.25rem) clamp(0.9rem, 1.8vw, 1.6rem) !important; }
.gg-grid .wc-block-product-template.gg-cards { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
@media (max-width: 1080px) { .gg-grid .wc-block-product-template.gg-cards { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 781px) { .gg-grid .wc-block-product-template.gg-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
.gg-cards > li { position: relative; width: auto !important; max-width: none !important; text-align: left !important; display: flex; flex-direction: column; margin: 0 !important; }
.gg-card__image { position: relative; margin: 0 0 1rem !important; overflow: hidden; background: var(--gg-linen); aspect-ratio: 4 / 5; }
.gg-card__image a, .gg-card__image img { display: block; width: 100% !important; height: 100% !important; }
.gg-card__image img { object-fit: cover !important; aspect-ratio: 4 / 5 !important; transition: transform 0.9s var(--gg-ease), filter 0.9s var(--gg-ease); filter: saturate(0.94) contrast(1.02); }
.gg-cards > li:hover .gg-card__image img { transform: scale(1.045); filter: none; }
.gg-card__brand { font: 500 0.66rem/1 var(--gg-body) !important; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gg-taupe); margin: 0 0 0.45rem !important; }
.gg-card__title { font: 400 1.08rem/1.3 var(--gg-display) !important; margin: 0 0 0.45rem !important; text-align: left !important; }
.gg-card__title a:hover { color: var(--gg-gold); }
.gg-card__price { font: 500 0.95rem/1 var(--gg-body) !important; text-align: left !important; margin: 0 0 1rem !important; }
.gg-card__button { margin-top: auto !important; text-align: left !important; }
.gg-card__button .wp-block-button__link, .gg-card__button .wc-block-components-product-button__button { width: 100%; background: transparent !important; color: var(--gg-ink) !important; border: 1px solid color-mix(in srgb, var(--gg-ink) 28%, transparent) !important; font: 500 0.7rem/1 var(--gg-body) !important; letter-spacing: 0.18em; text-transform: uppercase; padding: 0.95em 1em !important; }
.gg-card__button .wp-block-button__link:hover, .gg-card__button .wc-block-components-product-button__button:hover { background: var(--gg-ink) !important; color: var(--gg-ivory) !important; border-color: var(--gg-ink) !important; }
@media (hover: hover) and (min-width: 782px) {
	.gg-card__button { opacity: 0; transform: translateY(6px); transition: opacity 0.3s var(--gg-ease), transform 0.3s var(--gg-ease); }
	.gg-cards > li:hover .gg-card__button, .gg-cards > li:focus-within .gg-card__button { opacity: 1; transform: none; }
}
.wc-block-components-product-sale-badge, .gg-pdp span.onsale { background: var(--gg-gold) !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; font: 500 0.66rem/1 var(--gg-body) !important; letter-spacing: 0.18em; text-transform: uppercase; }
.gg-pdp span.onsale { position: absolute; top: 0.8rem; left: 0.8rem; z-index: 3; min-width: 0; min-height: 0; line-height: 1; padding: 0.55em 0.9em; margin: 0; }

/* ── Stores band ──────────────────────────────────────────────────────────── */
.gg-stores { display: grid !important; grid-template-columns: 1fr 1fr; margin-block: 0 !important; }
.gg-stores__media { margin: 0; min-height: 460px; }
.gg-stores__media img { width: 100%; height: 100%; object-fit: cover; display: block; filter: sepia(0.12) saturate(0.9); }
.gg-stores__body { padding: var(--wp--preset--spacing--70) clamp(1.5rem, 6vw, 6rem); align-self: center; }
.gg-stores__body h2 { font-size: clamp(2.2rem, 4vw, 3.4rem); color: var(--gg-ivory); margin: 0 0 1.2rem; }
.gg-stores__body h2 em { display: block; color: var(--gg-pale-gold); }
.gg-stores__body > p { color: color-mix(in srgb, var(--gg-linen) 80%, transparent); max-width: 40ch; }
.gg-stores__list { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin: 2rem 0 1rem; padding-top: 1.5rem; border-top: 1px solid color-mix(in srgb, var(--gg-pale-gold) 35%, transparent); }
.gg-stores__list dt { font: 400 1.25rem var(--gg-display); color: var(--gg-ivory); margin-bottom: 0.4rem; }
.gg-stores__list dd { margin: 0; font-size: 0.92rem; line-height: 1.6; color: color-mix(in srgb, var(--gg-linen) 78%, transparent); }
.gg-stores__hours { font: 500 0.74rem/1 var(--gg-body) !important; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gg-pale-gold) !important; margin: 0 0 1.8rem; }

/* ── Archive (shop, category, search) ─────────────────────────────────────── */
.gg-archive-head { border-bottom: 1px solid var(--gg-rule); }
.gg-crumbs, .gg-crumbs a { font: 400 0.8rem var(--gg-body) !important; color: var(--gg-taupe); }
.gg-archive-title { margin-block: 0.4rem 1.4rem !important; font-size: var(--wp--preset--font-size--xx-large) !important; }
.gg-chips { display: flex; gap: 0.55rem; overflow-x: auto; scrollbar-width: none; padding-bottom: 0.2rem; }
.gg-chips::-webkit-scrollbar { display: none; }
.gg-chips a { flex: none; padding: 0.62rem 1.1rem; border: 1px solid color-mix(in srgb, var(--gg-ink) 20%, transparent); font: 500 0.72rem/1 var(--gg-body); letter-spacing: 0.14em; text-transform: uppercase; background: var(--gg-ivory); transition: all 0.3s var(--gg-ease); }
.gg-chips a:hover { border-color: var(--gg-gold); color: var(--gg-gold); }
.gg-chips a[aria-current="page"] { background: var(--gg-ink); color: var(--gg-ivory); border-color: var(--gg-ink); }
.gg-toolbar { align-items: center; margin-bottom: 1.6rem !important; font-size: 0.88rem; color: var(--gg-taupe); }
.gg-toolbar select, .woocommerce-ordering select { font: 500 0.78rem var(--gg-body); letter-spacing: 0.08em; text-transform: uppercase; padding: 0.7rem 2.2rem 0.7rem 0.9rem; border: 1px solid color-mix(in srgb, var(--gg-ink) 22%, transparent); background-color: #fff; border-radius: 0; }
.gg-pagination { margin-top: 3rem !important; font: 500 0.85rem var(--gg-body); gap: 0.4rem; }
.gg-pagination .page-numbers { display: inline-grid; place-items: center; min-width: 2.6rem; height: 2.6rem; border: 1px solid var(--gg-rule); }
.gg-pagination .page-numbers.current { background: var(--gg-ink); color: var(--gg-ivory); border-color: var(--gg-ink); }

/* ── Product page ─────────────────────────────────────────────────────────── */
.gg-pdp .gg-crumbs { margin-bottom: 1.4rem; }
.gg-pdp__gallery .woocommerce-product-gallery__image img, .gg-pdp__gallery .woocommerce-product-gallery img { background: var(--gg-linen); }
.gg-pdp__gallery .woocommerce-product-gallery { width: 100% !important; float: none !important; margin: 0 !important; }
.gg-pdp__gallery .woocommerce-product-gallery__wrapper { background: var(--gg-linen); }
.gg-pdp__gallery .woocommerce-product-gallery__image > a, .gg-pdp__gallery .woocommerce-product-gallery__image img { display: block; width: 100% !important; }
.gg-pdp__gallery .woocommerce-product-gallery__image img { aspect-ratio: 4 / 5; object-fit: cover; height: auto !important; }
.gg-pdp__gallery .woocommerce-product-gallery__trigger { background: var(--gg-ivory); border-radius: 0; z-index: 4 !important; }
.gg-pdp__gallery .flex-control-thumbs { display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 0.6rem; margin-top: 0.6rem !important; }
.gg-pdp__gallery .flex-control-thumbs li { width: auto !important; float: none !important; margin: 0 !important; }
.gg-pdp__gallery .flex-control-thumbs img { aspect-ratio: 1; width: 100% !important; height: auto !important; display: block; object-fit: cover; opacity: 0.6; transition: opacity 0.3s; }
.gg-pdp__gallery .flex-control-thumbs img.flex-active, .gg-pdp__gallery .flex-control-thumbs img:hover { opacity: 1; }
@media (min-width: 782px) { .gg-pdp__buy { position: sticky; top: 12rem; align-self: start; } }
.gg-pdp__title { font-size: clamp(2rem, 3.4vw, 2.9rem) !important; margin: 0 0 0.9rem !important; }
.gg-pdp__price { font: 500 1.35rem var(--gg-body) !important; margin-bottom: 1.4rem !important; padding-bottom: 1.4rem; border-bottom: 1px solid var(--gg-rule); }
.gg-pdp__excerpt { color: var(--gg-taupe); }
.gg-pdp__form table.variations { border: 0; margin-bottom: 1.2rem; width: 100%; }
.gg-pdp__form table.variations th, .gg-pdp__form table.variations td { display: block; padding: 0; text-align: left; border: 0; background: transparent; }
.gg-pdp__form table.variations th label { font: 500 0.72rem var(--gg-body); letter-spacing: 0.18em; text-transform: uppercase; }
.gg-pdp__form table.variations, .gg-pdp__form table.variations tbody, .gg-pdp__form table.variations td.value { display: block; width: 100%; }
.gg-pdp__form table.variations tr { display: block; margin-bottom: 1rem; }
.gg-pdp__form table.variations select { width: 100%; padding: 0.85rem 1rem; border: 1px solid color-mix(in srgb, var(--gg-ink) 25%, transparent); border-radius: 0; font: 400 0.95rem var(--gg-body); background-color: #fff; margin-top: 0.45rem; }
.gg-pdp__form .reset_variations { font-size: 0.8rem; color: var(--gg-taupe); }
.gg-pdp__form .quantity input { height: 3.2rem; width: 4.5rem; border: 1px solid color-mix(in srgb, var(--gg-ink) 25%, transparent); border-radius: 0; text-align: center; font: 500 1rem var(--gg-body); }
.gg-pdp__form .single_add_to_cart_button { height: 3.2rem; flex: 1; background: var(--gg-ink) !important; color: var(--gg-ivory) !important; font: 500 0.78rem/1 var(--gg-body) !important; letter-spacing: 0.2em; text-transform: uppercase; border-radius: 0 !important; }
.gg-pdp__form .single_add_to_cart_button:hover { background: var(--gg-gold) !important; }
.gg-pdp__form .woocommerce-variation-add-to-cart, .gg-pdp__form form.cart:not(.variations_form) { display: flex; gap: 0.6rem; }
.gg-pdp__form .woocommerce-variation-price .price { font: 500 1.2rem var(--gg-body); }
.gg-pdp__form .stock { font-size: 0.85rem; color: var(--gg-taupe); }
.gg-service { list-style: none; margin: 1.6rem 0; padding: 1.2rem 0; border-block: 1px solid var(--gg-rule); display: grid; gap: 0.7rem; font-size: 0.9rem; }
.gg-service li { padding-left: 1.6rem; position: relative; }
.gg-service li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 0.7rem; height: 1px; background: var(--gg-gold); }
.gg-pdp__meta, .gg-pdp__meta a { font-size: 0.8rem; color: var(--gg-taupe); }
.gg-pdp__details { margin-top: var(--wp--preset--spacing--60) !important; }
.gg-pdp__details .wc-tabs { border-bottom: 1px solid var(--gg-rule); }
.gg-pdp__details .wc-tabs li a { font: 500 0.76rem var(--gg-body) !important; letter-spacing: 0.18em; text-transform: uppercase; }

/* ── Trust strip & footer ─────────────────────────────────────────────────── */
.gg-trust { margin-block: 0 !important; }
.gg-trust__list { list-style: none; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.gg-trust__list li { display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; row-gap: 0.25rem; align-items: start; }
.gg-trust__list svg { grid-row: span 2; color: var(--gg-gold); }
.gg-trust__list strong { font: 400 1.12rem/1.2 var(--gg-display); }
.gg-trust__list span { font-size: 0.86rem; color: var(--gg-taupe); line-height: 1.5; }
footer.wp-block-template-part > .wp-block-group { margin-block: 0; }
.gg-footer a { color: var(--gg-linen); }
.gg-footer a:hover { color: var(--gg-pale-gold); }
.gg-footer__grid { display: grid; grid-template-columns: 1.5fr 1.2fr 1fr; gap: 2.5rem; margin: 0 auto; }
.gg-footer p.gg-footer__mark { font: 400 2rem/1 var(--gg-display); color: var(--gg-pale-gold); margin: 0 0 1rem; }
.gg-footer__brand p:not(.gg-footer__mark) { font-size: 0.92rem; line-height: 1.7; color: color-mix(in srgb, var(--gg-linen) 72%, transparent); max-width: 34ch; }
.gg-footer__social { display: inline-flex; gap: 0.6rem; align-items: center; margin-top: 0.6rem; font-size: 0.9rem; }
.gg-footer__head { font: 500 0.72rem/1 var(--gg-body); letter-spacing: 0.22em; text-transform: uppercase; color: var(--gg-pale-gold); margin: 0 0 1.3rem; }
.gg-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.65rem; font-size: 0.92rem; }
.gg-footer p { font-size: 0.92rem; line-height: 1.6; }
.gg-footer__base { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.6rem; margin: var(--wp--preset--spacing--50) auto 0; padding-top: 1.4rem; border-top: 1px solid color-mix(in srgb, var(--gg-linen) 16%, transparent); font-size: 0.78rem; letter-spacing: 0.06em; color: color-mix(in srgb, var(--gg-linen) 55%, transparent); }

/* ── Content pages (terms, returns, privacy, cart, checkout) ──────────────── */
.wp-block-post-content h2 { font-size: var(--wp--preset--font-size--large); margin-top: 2.4rem; }
.wc-block-cart, .wc-block-checkout { font-family: var(--gg-body); }
.wc-block-components-button:not(.is-link) { border-radius: 0 !important; letter-spacing: 0.16em; text-transform: uppercase; font: 500 0.8rem var(--gg-body) !important; }

/* ══ Interactive features (assets/js/giovane.js) ═════════════════════════════ */

/* Hero slider — without JS only the first slide shows. */
.gg-hero-slider { margin-block: 0 !important; }
.gg-slider { position: relative; background: var(--gg-ink); }
.gg-slide { display: none !important; }
.gg-slide.is-active { display: grid !important; }
/* All slides share one grid cell, so the slider is as tall as its tallest slide
   and the page below does not move when a slide changes. */
.gg-slider.is-ready { display: grid; }
.gg-slider.is-ready .gg-slide { display: grid !important; grid-area: 1 / 1; position: relative; opacity: 0; visibility: hidden; transition: opacity 0.9s var(--gg-ease), visibility 0s linear 0.9s; }
.gg-slider.is-ready .gg-slide.is-active { position: relative; opacity: 1; visibility: visible; transition: opacity 0.9s var(--gg-ease); }
.gg-slider.is-ready .gg-slide:not(.is-active) .gg-hero__panel > * { animation: none; opacity: 0; }
.gg-slider.is-ready .gg-slide.is-active .gg-hero__panel > * { animation: gg-rise 0.9s var(--gg-ease) both; }
.gg-slider.is-ready .gg-slide.is-active .gg-hero__media img { animation: gg-settle 7s var(--gg-ease) both; }
.gg-slider__controls { position: absolute; z-index: 5; left: clamp(1.5rem, 5vw, 5rem); bottom: clamp(1.2rem, 3vw, 2.2rem); display: flex; align-items: center; gap: 0.9rem; color: var(--gg-linen); }
.gg-slider:not(.is-ready) .gg-slider__controls { display: none; }
.gg-slider__arrow, .gg-slider__pause { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border: 1px solid color-mix(in srgb, var(--gg-linen) 35%, transparent); background: transparent; color: inherit; cursor: pointer; transition: border-color 0.3s, color 0.3s; }
.gg-slider__arrow:hover, .gg-slider__pause:hover { border-color: var(--gg-pale-gold); color: var(--gg-pale-gold); }
.gg-slider__pause span { width: 8px; height: 10px; border-inline: 2px solid currentColor; }
.gg-slider.is-paused .gg-slider__pause span { width: 0; height: 0; border: 0; border-left: 9px solid currentColor; border-top: 6px solid transparent; border-bottom: 6px solid transparent; margin-left: 2px; }
.gg-slider__dots { display: flex; gap: 0.35rem; }
.gg-slider__dots button { background: none; border: 0; padding: 0.6rem 0.2rem; cursor: pointer; }
.gg-slider__dots span { display: block; width: 26px; height: 2px; background: color-mix(in srgb, var(--gg-linen) 35%, transparent); transition: background 0.3s, width 0.4s var(--gg-ease); }
.gg-slider__dots [aria-selected="true"] span { width: 46px; background: var(--gg-pale-gold); }

/* Collection tabs + swipeable rails */
.gg-showcase__head { display: flex; align-items: center; gap: 1.5rem 2.5rem; flex-wrap: wrap; border-bottom: 1px solid var(--gg-rule); padding-bottom: 1rem; margin-bottom: 2rem; }
.gg-showcase__head h2 { margin: 0; font-size: var(--wp--preset--font-size--x-large); }
.gg-tabs { display: flex; gap: 0.35rem; flex: 1; overflow-x: auto; scrollbar-width: none; }
.gg-tabs::-webkit-scrollbar { display: none; }
.gg-tabs button { flex: none; background: none; border: 0; border-bottom: 1px solid transparent; padding: 0.55rem 0.9rem; font: 500 0.76rem/1 var(--gg-body); letter-spacing: 0.16em; text-transform: uppercase; color: var(--gg-taupe); cursor: pointer; transition: color 0.3s, border-color 0.3s; }
.gg-tabs button:hover { color: var(--gg-ink); }
.gg-tabs button[aria-selected="true"] { color: var(--gg-ink); border-bottom-color: var(--gg-gold); }
.gg-rail-nav { display: flex; gap: 0.4rem; }
.gg-rail-nav button { width: 2.4rem; height: 2.4rem; display: grid; place-items: center; background: none; border: 1px solid var(--gg-rule); cursor: pointer; color: var(--gg-ink); transition: all 0.3s; }
.gg-rail-nav button:hover { background: var(--gg-ink); color: var(--gg-ivory); border-color: var(--gg-ink); }
.gg-grid--rail .wc-block-product-template.gg-cards { display: grid !important; grid-auto-flow: column; grid-template-columns: none !important; grid-auto-columns: calc((100% - 3 * clamp(0.9rem, 1.8vw, 1.6rem)) / 4); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 0.4rem; }
.gg-grid--rail .wc-block-product-template.gg-cards::-webkit-scrollbar { display: none; }
.gg-grid--rail .gg-cards > li { scroll-snap-align: start; }
.gg-tabpanel__more { text-align: center; margin-top: 2rem; }
@media (max-width: 1080px) { .gg-grid--rail .wc-block-product-template.gg-cards { grid-auto-columns: 31%; } }
@media (max-width: 781px) { .gg-grid--rail .wc-block-product-template.gg-cards { grid-auto-columns: 64%; } .gg-rail-nav { display: none; } }

/* Mega menu */
.gg-catnav { position: relative; }
.gg-catnav__inner { display: flex; align-items: center; gap: clamp(1rem, 2.4vw, 2.4rem); margin-inline: auto; }
.gg-catnav__inner .gg-catnav__list { flex: 1; justify-content: flex-start; margin: 0; }
.gg-mega__trigger { display: inline-flex; align-items: center; gap: 0.45rem; background: none; border: 0; padding: 0.95rem 0; font: 500 0.76rem/1 var(--gg-body); letter-spacing: 0.17em; text-transform: uppercase; color: var(--gg-gold); cursor: pointer; }
.gg-mega__trigger svg { transition: transform 0.3s var(--gg-ease); }
.gg-mega.is-open .gg-mega__trigger svg { transform: rotate(180deg); }
.gg-mega__panel { position: absolute; left: 0; right: 0; top: 100%; z-index: 70; background: var(--gg-ivory); border-top: 1px solid var(--gg-rule); box-shadow: 0 30px 60px -30px color-mix(in srgb, var(--gg-ink) 35%, transparent); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity 0.25s var(--gg-ease), transform 0.25s var(--gg-ease), visibility 0s linear 0.25s; }
.gg-mega.is-open .gg-mega__panel, .gg-mega:not(.is-js):hover .gg-mega__panel, .gg-mega:not(.is-js):focus-within .gg-mega__panel { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.gg-mega__grid { max-width: var(--wp--style--global--wide-size); margin: 0 auto; padding: 2.2rem clamp(1rem, 4vw, 2.5rem) 2.6rem; display: grid; grid-template-columns: 1fr 1fr 1.25fr 1.25fr; gap: 2.5rem; }
.gg-mega__head { font: 500 0.7rem/1 var(--gg-body); letter-spacing: 0.22em; text-transform: uppercase; color: var(--gg-gold); margin: 0 0 1.1rem; }
.gg-mega__head--gap { margin-top: 1.8rem; }
.gg-mega ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.gg-mega ul a { font: 400 1.05rem var(--gg-display); }
.gg-mega__feature { position: relative; display: block; overflow: hidden; aspect-ratio: 4 / 3.4; background: var(--gg-ink); }
.gg-mega__feature img { width: 100%; height: 100%; object-fit: cover; object-position: 85% 30%; opacity: 0.85; transition: transform 0.9s var(--gg-ease), opacity 0.4s; }
.gg-mega__feature:hover img { transform: scale(1.05); opacity: 1; }
.gg-mega__feature::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--gg-ink) 88%, transparent)); }
.gg-mega__feature span { z-index: 1; position: absolute; left: 1.2rem; bottom: 1.1rem; right: 1.2rem; display: grid; gap: 0.3rem; color: var(--gg-ivory); font: 500 0.7rem/1.2 var(--gg-body); letter-spacing: 0.18em; text-transform: uppercase; }
.gg-mega__feature em { font: italic 400 1.5rem/1.1 var(--gg-display); letter-spacing: 0; text-transform: none; color: var(--gg-ivory); }
@media (max-width: 781px) { .gg-mega__grid { grid-template-columns: 1fr 1fr; gap: 1.6rem; max-height: 70vh; overflow-y: auto; } .gg-mega__feature { display: none; } }

/* Header wishlist */
.gg-wish-link { position: relative; display: inline-flex; color: var(--gg-ink); }
.gg-wish-count { position: absolute; top: -6px; right: -9px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: var(--gg-gold); color: #fff; font: 600 0.62rem/18px var(--gg-body); text-align: center; }

/* Card actions */
.gg-card__actions { position: absolute; top: 0.7rem; right: 0.7rem; z-index: 3; display: flex; flex-direction: column; gap: 0.45rem; }
.gg-card__actions button { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border: 0; border-radius: 50%; background: color-mix(in srgb, var(--gg-ivory) 92%, transparent); color: var(--gg-ink); cursor: pointer; box-shadow: 0 4px 14px -6px color-mix(in srgb, var(--gg-ink) 45%, transparent); transition: transform 0.3s var(--gg-ease), background 0.3s, color 0.3s, opacity 0.3s; }
.gg-card__actions button:hover { background: var(--gg-ink); color: var(--gg-ivory); }
.gg-qv-btn span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
@media (hover: hover) and (min-width: 782px) {
	.gg-card__actions .gg-qv-btn { opacity: 0; transform: translateX(8px); }
	.gg-cards > li:hover .gg-qv-btn, .gg-cards > li:focus-within .gg-qv-btn { opacity: 1; transform: none; }
}
.gg-wish.is-on { color: var(--gg-gold) !important; }
.gg-wish.is-on svg path { fill: currentColor; }
.gg-wish.is-pop { animation: gg-pop 0.45s var(--gg-ease); }
@keyframes gg-pop { 40% { transform: scale(1.25); } }
.gg-card__rating { margin: 0 0 0.35rem !important; }
.gg-card__rating .wc-block-components-product-rating__stars, .gg-card__rating .star-rating { color: var(--gg-gold); font-size: 0.8rem; }

/* Quick view */
.gg-qv { width: min(980px, 94vw); max-height: 90vh; padding: 0; border: 0; background: var(--gg-ivory); color: var(--gg-ink); box-shadow: 0 40px 90px -30px rgb(0 0 0 / 0.55); }
.gg-qv::backdrop { background: color-mix(in srgb, var(--gg-ink) 62%, transparent); backdrop-filter: blur(3px); }
.gg-qv[open] { animation: gg-rise 0.4s var(--gg-ease) both; }
.gg-qv__close { position: absolute; top: 0.8rem; right: 0.8rem; z-index: 2; width: 2.6rem; height: 2.6rem; display: grid; place-items: center; background: var(--gg-ivory); border: 1px solid var(--gg-rule); cursor: pointer; }
.gg-qv__body { display: grid; grid-template-columns: 1.1fr 1fr; min-height: 420px; }
.gg-qv__loading { padding: 4rem; grid-column: 1 / -1; text-align: center; color: var(--gg-taupe); }
.gg-qv__media { background: var(--gg-linen); display: grid; align-content: start; }
.gg-qv__main { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; }
.gg-qv__thumbs { display: flex; gap: 0.5rem; padding: 0.6rem; }
.gg-qv__thumbs button { width: 3.6rem; aspect-ratio: 1; padding: 0; border: 1px solid transparent; background: none; cursor: pointer; opacity: 0.6; }
.gg-qv__thumbs button[aria-current] { border-color: var(--gg-gold); opacity: 1; }
.gg-qv__thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gg-qv__info { padding: clamp(1.5rem, 4vw, 3rem); overflow-y: auto; max-height: 90vh; }
.gg-qv__title { font-size: clamp(1.7rem, 3vw, 2.4rem); margin: 0 0 0.8rem; }
.gg-qv__price { font: 500 1.2rem var(--gg-body); margin-bottom: 1rem; }
.gg-qv__desc { color: var(--gg-taupe); font-size: 0.95rem; }
.gg-qv__label { font: 500 0.7rem/1 var(--gg-body); letter-spacing: 0.2em; text-transform: uppercase; margin: 1.4rem 0 0.6rem; }
.gg-qv__chips { list-style: none; display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0; padding: 0; }
.gg-qv__chips li { padding: 0.45rem 0.75rem; border: 1px solid var(--gg-rule); font-size: 0.82rem; }
.gg-qv__actions { display: flex; gap: 0.6rem; margin-top: 2rem; align-items: stretch; }
.gg-btn--ink { background: var(--gg-ink); color: var(--gg-ivory) !important; border-color: var(--gg-ink); }
.gg-btn--ink:hover { background: var(--gg-gold); border-color: var(--gg-gold); }
.gg-wish--wide { width: 3.2rem; border: 1px solid var(--gg-rule); background: none; cursor: pointer; display: grid; place-items: center; color: var(--gg-ink); }
@media (max-width: 781px) { .gg-qv__body { grid-template-columns: 1fr; } .gg-qv__main { aspect-ratio: 1; } }

/* Wishlist page */
.gg-wishlist__grid { list-style: none; margin: 2rem 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 2rem 1.4rem; }
.gg-wishlist__media { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--gg-linen); margin-bottom: 1rem; }
.gg-wishlist__media img { width: 100%; height: 100%; object-fit: cover; }
.gg-wishlist__row { display: flex; gap: 0.5rem; margin-top: 0.8rem; }
.gg-wishlist__row .gg-btn { flex: 1; padding-inline: 1em; }
.gg-wishlist__row .gg-wish { width: 3rem; border: 1px solid var(--gg-rule); background: none; cursor: pointer; display: grid; place-items: center; }
.gg-wishlist__empty { font: italic 400 1.3rem/1.5 var(--gg-display); color: var(--gg-taupe); }

/* Live search suggestions */
.gg-suggest { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 80; background: #fff; border: 1px solid var(--gg-rule); box-shadow: 0 24px 50px -24px color-mix(in srgb, var(--gg-ink) 40%, transparent); max-height: 70vh; overflow-y: auto; }
.gg-suggest a[role="option"] { display: grid; grid-template-columns: 3.2rem 1fr; gap: 0.9rem; align-items: center; padding: 0.6rem 0.9rem; border-bottom: 1px solid var(--gg-rule); }
.gg-suggest a[role="option"]:hover, .gg-suggest a[aria-selected="true"] { background: var(--gg-linen); }
.gg-suggest img { width: 3.2rem; aspect-ratio: 4 / 5; object-fit: cover; background: var(--gg-linen); }
.gg-suggest strong { display: block; font: 400 1rem/1.3 var(--gg-display); }
.gg-suggest__price { font-size: 0.85rem; color: var(--gg-taupe); }
.gg-suggest__all, .gg-suggest__none { display: block; padding: 0.85rem 0.9rem; margin: 0; font: 500 0.72rem/1.3 var(--gg-body); letter-spacing: 0.14em; text-transform: uppercase; }
.gg-suggest__all { color: var(--gg-gold); }

/* Sale countdown */
.gg-countdown { margin: 0.35rem 0 0.9rem; font: 500 0.72rem/1.4 var(--gg-body); letter-spacing: 0.08em; color: var(--gg-gold); }
.gg-countdown span { text-transform: uppercase; letter-spacing: 0.16em; margin-right: 0.35rem; color: var(--gg-taupe); }
.gg-countdown b { font: 600 0.95rem var(--gg-body); color: var(--gg-ink); }

/* Back to top */
.gg-top { position: fixed; right: 1.2rem; bottom: 1.2rem; z-index: 50; width: 3rem; height: 3rem; display: grid; place-items: center; border: 0; background: var(--gg-ink); color: var(--gg-pale-gold); cursor: pointer; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.35s var(--gg-ease), transform 0.35s var(--gg-ease), background 0.3s; }
.gg-top.is-visible { opacity: 1; transform: none; pointer-events: auto; }
.gg-top:hover { background: var(--gg-gold); color: #fff; }

/* ── Readable product names ───────────────────────────────────────────────
   Bodoni Moda's hairlines make digits hard to read at small sizes ("1" reads
   as "I"), and every product name here carries a style code. Anything that
   names a product, or carries figures, is set in Jost; Bodoni is kept for
   large editorial headings only. */
.gg-card__title, .gg-card__title a,
.gg-pdp__title, .gg-qv__title, .gg-suggest strong,
.gg-wishlist__grid .gg-card__title, .gg-mega ul a,
.gg-trust__list strong, .gg-stores__list dt, .gg-tile__index,
.wc-block-components-product-name, .wc-block-cart-item__product .wc-block-components-product-name,
.woocommerce-loop-product__title, .wp-block-post-title a[href*="/product/"] {
	font-family: var(--gg-body) !important;
	font-style: normal !important;
	font-variant-numeric: lining-nums tabular-nums;
	letter-spacing: 0.005em;
}
.gg-card__title { font-weight: 500 !important; font-size: 0.98rem !important; line-height: 1.35 !important; }
.gg-pdp__title, .gg-qv__title { font-weight: 400 !important; letter-spacing: -0.01em; line-height: 1.12 !important; }
.gg-pdp__title { font-size: clamp(1.8rem, 3vw, 2.5rem) !important; }
.gg-qv__title { font-size: clamp(1.5rem, 2.6vw, 2rem) !important; }
.gg-suggest strong { font-weight: 500 !important; font-size: 0.95rem !important; }
.gg-mega ul a { font-size: 0.98rem !important; }
.gg-trust__list strong, .gg-stores__list dt { font-weight: 500 !important; font-size: 1rem !important; letter-spacing: 0.02em; }
.gg-tile__index { font-weight: 500 !important; font-size: 0.8rem !important; letter-spacing: 0.2em; }
/* Headings that remain in Bodoni use its text optical size, which thickens the hairlines. */
h1, h2, h3, .gg-hero__title, .gg-tile__title { font-optical-sizing: auto; }

/* Delivery rates table */
.gg-rates { width: 100%; border-collapse: collapse; margin: 1.5rem 0 2rem; font-size: 0.95rem; font-variant-numeric: lining-nums tabular-nums; }
.gg-rates th, .gg-rates td { text-align: left; padding: 0.85rem 0.9rem; border-bottom: 1px solid var(--gg-rule); vertical-align: top; }
.gg-rates thead th { font: 500 0.7rem/1.2 var(--gg-body); letter-spacing: 0.18em; text-transform: uppercase; color: var(--gg-taupe); }
.gg-rates tbody th { font-weight: 500; }
@media (max-width: 600px) { .gg-rates thead { display: none; } .gg-rates tr { display: grid; grid-template-columns: 1fr 1fr; padding: 0.6rem 0; border-bottom: 1px solid var(--gg-rule); } .gg-rates th, .gg-rates td { border: 0; padding: 0.25rem 0; } .gg-rates tbody th { grid-column: 1 / -1; } }

/* ── Forms (feedback) ────────────────────────────────────────────────────── */
.gg-form { display: grid; gap: 1.4rem; margin: 1.5rem 0 1rem; }
.gg-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }
.gg-field { display: grid; gap: 0.45rem; }
.gg-field--wide { grid-column: 1 / -1; }
.gg-field__label { font: 500 0.72rem/1.2 var(--gg-body); letter-spacing: 0.16em; text-transform: uppercase; color: var(--gg-ink); }
.gg-field__control { position: relative; display: block; }
.gg-field__icon { position: absolute; left: 0.95rem; top: 0.95rem; color: var(--gg-taupe); pointer-events: none; }
.gg-field input, .gg-field textarea { width: 100%; box-sizing: border-box; padding: 0.85rem 1rem 0.85rem 2.8rem; border: 1px solid color-mix(in srgb, var(--gg-ink) 24%, transparent); border-radius: 0; background: #fff; font: 400 1rem/1.5 var(--gg-body); color: var(--gg-ink); transition: border-color 0.25s, box-shadow 0.25s; }
.gg-field textarea { resize: vertical; min-height: 9rem; }
.gg-field input:focus, .gg-field textarea:focus { outline: none; border-color: var(--gg-gold); box-shadow: 0 0 0 3px color-mix(in srgb, var(--gg-gold) 18%, transparent); }
.gg-field:focus-within .gg-field__icon { color: var(--gg-gold); }
.gg-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.gg-rating { border: 0; padding: 0; margin: 0; display: grid; gap: 0.45rem; }
.gg-rating__stars { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; gap: 0.2rem; }
.gg-rating__stars input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.gg-rating__stars label { cursor: pointer; color: color-mix(in srgb, var(--gg-ink) 22%, transparent); transition: color 0.2s, transform 0.2s; }
.gg-rating__stars svg { display: block; fill: currentColor; }
.gg-rating__stars label:hover, .gg-rating__stars label:hover ~ label, .gg-rating__stars input:checked ~ label { color: var(--gg-gold); }
.gg-rating__stars input:focus-visible + label { outline: 2px solid var(--gg-gold); outline-offset: 2px; }
.gg-consent { display: flex; gap: 0.7rem; align-items: flex-start; font-size: 0.9rem; color: var(--gg-taupe); }
.gg-consent input { margin-top: 0.25rem; accent-color: var(--gg-ink); width: 1.05rem; height: 1.05rem; }
.gg-form__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.gg-submit[disabled] { cursor: progress; opacity: 0.85; }
.gg-submit.is-done { background: var(--gg-gold); border-color: var(--gg-gold); }
.gg-submit.is-fail { background: #8a2b1f; border-color: #8a2b1f; }
.gg-form__status { margin: 0; font-size: 0.92rem; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 600px) { .gg-form__grid { grid-template-columns: 1fr; } }

/* ── Reviews ─────────────────────────────────────────────────────────────── */
.gg-reviews { margin: 3rem 0; }
.gg-reviews__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.4rem; }
.gg-review { background: #fff; border: 1px solid var(--gg-rule); padding: 1.6rem; display: grid; gap: 0.8rem; align-content: start; }
.gg-review__stars { margin: 0; color: var(--gg-gold); letter-spacing: 0.15em; }
.gg-review blockquote { margin: 0; font: italic 400 1.15rem/1.5 var(--gg-display); }
.gg-review__by { margin: 0; font-size: 0.82rem; color: var(--gg-taupe); }

/* ── FAQ ─────────────────────────────────────────────────────────────────── */
.wp-block-post-content .wp-block-details { border-bottom: 1px solid var(--gg-rule); padding: 0; margin: 0; }
.wp-block-post-content .wp-block-details summary { list-style: none; cursor: pointer; padding: 1.15rem 2.5rem 1.15rem 0; position: relative; font: 500 1.05rem/1.4 var(--gg-body); }
.wp-block-post-content .wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-post-content .wp-block-details summary::after { content: "+"; position: absolute; right: 0.3rem; top: 50%; transform: translateY(-50%); font: 300 1.6rem/1 var(--gg-body); color: var(--gg-gold); transition: transform 0.3s var(--gg-ease); }
.wp-block-post-content .wp-block-details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.wp-block-post-content .wp-block-details summary:hover { color: var(--gg-gold); }
.wp-block-post-content .wp-block-details > :not(summary) { margin: 0 0 1.2rem; color: color-mix(in srgb, var(--gg-ink) 82%, transparent); }
.wp-block-post-content h2.gg-faq-group { font: 500 0.74rem/1.2 var(--gg-body); letter-spacing: 0.2em; text-transform: uppercase; color: var(--gg-gold); margin: 2.6rem 0 0.4rem; }

/* ── About ───────────────────────────────────────────────────────────────── */
.gg-about-figure img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: 85% 30%; }
.wp-block-post-content .gg-lede { font: 400 clamp(1.3rem, 2.4vw, 1.7rem)/1.45 var(--gg-display); color: var(--gg-ink); }
.wp-block-post-content .gg-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin: 2rem 0; }
.wp-block-post-content .gg-values > * { border-top: 1px solid var(--gg-gold); padding-top: 1rem; }
@media (max-width: 781px) { .wp-block-post-content .gg-values { grid-template-columns: 1fr; } }

/* ── Product options (colour chips, size buttons) ────────────────────────── */
.gg-pdp__form table.variations { margin: 0 0 0.4rem !important; }
.gg-pdp__form .single_variation_wrap { margin-top: 0; }
.gg-pdp__form .woocommerce-variation:empty, .gg-pdp__form .woocommerce-variation-description:empty { display: none; }
.gg-pdp__form table.variations tr { margin-bottom: 1.3rem !important; }
.gg-pdp__form table.variations th.label { padding: 0 0 0.6rem !important; }
.gg-pdp__form table.variations th label { font: 500 0.72rem/1.2 var(--gg-body) !important; letter-spacing: 0.18em; text-transform: uppercase; }
.gg-opt__chosen { text-transform: none; letter-spacing: 0.02em; font-weight: 400; color: var(--gg-taupe); font-size: 0.95rem; }
select.gg-opt__native { position: absolute !important; opacity: 0 !important; pointer-events: none; width: 1px !important; height: 1px !important; }
.gg-opt { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.gg-opt__btn { position: relative; display: inline-flex; align-items: center; gap: 0.55rem; min-width: 3.1rem; justify-content: center; padding: 0.7rem 0.95rem; background: #fff; color: var(--gg-ink); border: 1px solid color-mix(in srgb, var(--gg-ink) 22%, transparent); font: 500 0.92rem/1 var(--gg-body); font-variant-numeric: lining-nums tabular-nums; cursor: pointer; transition: border-color 0.2s, background 0.2s, color 0.2s, box-shadow 0.2s; }
.gg-opt__btn:hover { border-color: var(--gg-ink); }
.gg-opt__btn:focus-visible { outline: 2px solid var(--gg-gold); outline-offset: 2px; }
.gg-opt__btn[aria-pressed="true"] { background: var(--gg-ink); color: var(--gg-ivory); border-color: var(--gg-ink); }
.gg-opt--colour .gg-opt__btn { padding: 0.35rem 0.85rem 0.35rem 0.35rem; }
.gg-opt--colour .gg-opt__btn img { width: 2.3rem; height: 2.3rem; object-fit: cover; display: block; }
.gg-opt--colour .gg-opt__btn[aria-pressed="true"] { background: #fff; color: var(--gg-ink); box-shadow: inset 0 0 0 1px var(--gg-ink); }
.gg-opt__btn.is-out { color: color-mix(in srgb, var(--gg-ink) 38%, transparent); background: repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--gg-ink) 5%, transparent) 6px 7px), #fff; }
.gg-opt--size .gg-opt__btn.is-out span { text-decoration: line-through; }
.gg-pdp__form .reset_variations { display: inline-block; margin-top: 0.6rem; font-size: 0.8rem; color: var(--gg-taupe); text-decoration: underline; }
.gg-pdp__form .single_variation_wrap .woocommerce-variation { margin-bottom: 0.9rem; }
.gg-pdp__form .woocommerce-variation-availability .stock { margin: 0.2rem 0 0; }
.gg-pdp__form .woocommerce-variation-add-to-cart { align-items: stretch; }
.gg-stepper { display: inline-flex !important; align-items: stretch; border: 1px solid color-mix(in srgb, var(--gg-ink) 25%, transparent); background: #fff; }
.gg-stepper input.qty { border: 0 !important; width: 2.8rem !important; height: 3.2rem; -moz-appearance: textfield; }
.gg-stepper input.qty::-webkit-outer-spin-button, .gg-stepper input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.gg-qty { width: 2.4rem; border: 0; background: none; font: 400 1.2rem/1 var(--gg-body); cursor: pointer; color: var(--gg-ink); }
.gg-qty:hover { color: var(--gg-gold); }
.gg-pdp__form .single_add_to_cart_button.disabled, .gg-pdp__form .single_add_to_cart_button.is-waiting { background: var(--gg-ink) !important; opacity: 0.55; cursor: not-allowed; }
.gg-pdp__form .single_add_to_cart_button:not(.disabled):not(.is-waiting) { opacity: 1; }
.gg-pdp__excerpt { margin-bottom: 1.6rem !important; }

/* Header phone */
.gg-call { flex-direction: row; }
.gg-call__text { display: grid; line-height: 1.15; }
.gg-call__text small { font: 500 0.6rem/1.2 var(--gg-body); letter-spacing: 0.18em; text-transform: uppercase; color: var(--gg-taupe); }
.gg-call__text strong { font: 500 0.95rem/1.2 var(--gg-body); letter-spacing: 0.02em; text-transform: none; font-variant-numeric: lining-nums tabular-nums; }

/* ── My account ──────────────────────────────────────────────────────────── */
.woocommerce-account .wp-block-post-content > .woocommerce, .woocommerce-account .is-layout-constrained > .woocommerce { max-width: 1120px !important; }
.woocommerce-account .woocommerce { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3.5rem); align-items: start; }
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { float: none !important; width: auto !important; margin: 0 !important; grid-row: 1; }
.woocommerce-account .woocommerce-MyAccount-navigation { grid-column: 1 !important; }
.woocommerce-account .woocommerce-MyAccount-content { grid-column: 2 !important; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--gg-rule); }
.woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--gg-rule); }
.woocommerce-MyAccount-navigation li a { display: block; padding: 0.85rem 0.2rem; font: 500 0.76rem/1.2 var(--gg-body); letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none !important; }
.woocommerce-MyAccount-navigation li.is-active a { color: var(--gg-gold); box-shadow: inset 2px 0 0 var(--gg-gold); padding-left: 0.8rem; }
.woocommerce-MyAccount-content { min-width: 0; }
.woocommerce-MyAccount-content > p:first-child { font-size: 1rem; }
.woocommerce-orders-table, .woocommerce-table--order-details { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid var(--gg-rule) !important; font-size: 0.92rem; font-variant-numeric: lining-nums tabular-nums; }
.woocommerce-orders-table th, .woocommerce-orders-table td, .woocommerce-table--order-details th, .woocommerce-table--order-details td { padding: 0.95rem 1rem !important; border: 0 !important; border-bottom: 1px solid var(--gg-rule) !important; text-align: left; vertical-align: middle; }
.woocommerce-orders-table thead th, .woocommerce-table--order-details thead th { font: 500 0.68rem/1.2 var(--gg-body); letter-spacing: 0.18em; text-transform: uppercase; color: var(--gg-taupe); background: var(--gg-linen); }
.woocommerce-orders-table__cell-order-number a { font-weight: 600; }
.woocommerce-orders-table__cell-order-actions { white-space: nowrap; }
.woocommerce-orders-table .button, .woocommerce-MyAccount-content .woocommerce-button, .woocommerce-MyAccount-content a.button { display: inline-flex !important; align-items: center; justify-content: center; margin: 0.15rem 0.35rem 0.15rem 0 !important; padding: 0.6rem 1rem !important; min-width: 0 !important; background: #fff !important; color: var(--gg-ink) !important; border: 1px solid color-mix(in srgb, var(--gg-ink) 30%, transparent) !important; border-radius: 0 !important; font: 500 0.7rem/1 var(--gg-body) !important; letter-spacing: 0.16em; text-transform: uppercase; text-decoration: none !important; }
.woocommerce-orders-table .button:hover, .woocommerce-MyAccount-content a.button:hover { background: var(--gg-ink) !important; color: var(--gg-ivory) !important; border-color: var(--gg-ink) !important; }
.woocommerce-orders-table .button.gd-track, .woocommerce-orders-table .button.view { }
.woocommerce-orders-table__cell-order-status { font-weight: 500; }
.gg-status { display: inline-block; padding: 0.35rem 0.65rem; font: 500 0.68rem/1 var(--gg-body); letter-spacing: 0.12em; text-transform: uppercase; background: var(--gg-linen); color: var(--gg-ink); }
.gg-status--dispatched { background: #dfe9f3; color: #1f4a6e; }
.gg-status--confirmed { background: #efe6cf; color: #5b4a26; }
.gg-status--completed { background: #e3efe2; color: #2e5b2b; }
.gg-status--cancelled, .gg-status--failed, .gg-status--refunded { background: #f4e1dd; color: #8a2b1f; }
.woocommerce-account mark { background: none; color: inherit; font-weight: 600; }
.woocommerce-account .woocommerce-info, .woocommerce-account .wc-block-components-notice-banner { grid-column: 1 / -1; }
@media (max-width: 781px) {
	.woocommerce-account .woocommerce { grid-template-columns: 1fr; }
	.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { grid-column: 1 !important; grid-row: auto; }
	.woocommerce-MyAccount-navigation ul { display: flex; overflow-x: auto; border: 0; gap: 0.4rem; scrollbar-width: none; }
	.woocommerce-MyAccount-navigation li { border: 1px solid var(--gg-rule); flex: none; }
	.woocommerce-MyAccount-navigation li a { padding: 0.6rem 0.9rem; }
	.woocommerce-MyAccount-navigation li.is-active a { box-shadow: none; background: var(--gg-ink); color: var(--gg-ivory); }
	.woocommerce-orders-table thead { display: none; }
	.woocommerce-orders-table tr { display: grid; grid-template-columns: 1fr 1fr; padding: 0.8rem 0; border-bottom: 1px solid var(--gg-rule); }
	.woocommerce-orders-table td { border: 0 !important; padding: 0.3rem 1rem !important; }
	.woocommerce-orders-table td::before { content: attr(data-title); display: block; font: 500 0.62rem/1.4 var(--gg-body); letter-spacing: 0.16em; text-transform: uppercase; color: var(--gg-taupe); }
	.woocommerce-orders-table__cell-order-actions { grid-column: 1 / -1; }
}

/* ── Sign in / create account ──────────────────────────────────────────── */
.gg-auth-panels { display: grid; gap: clamp(1.2rem, 3vw, 2rem); max-width: 520px; margin: 0 auto; }
.gg-auth-panels--two { grid-template-columns: 1fr 1fr; max-width: 980px; }
.woocommerce-account:not(.logged-in) .woocommerce { display: block !important; }
.gg-auth-panel { background: #fff; border: 1px solid var(--gg-rule); padding: clamp(1.5rem, 4vw, 2.6rem); }
.gg-auth-panel--alt { background: color-mix(in srgb, var(--gg-linen) 55%, #fff); }
.gg-auth-panel h2 { margin: 0 0 0.4rem; font-size: clamp(1.7rem, 2.6vw, 2.2rem); }
.gg-auth-panel__lede { margin: 0 0 1.6rem; color: var(--gg-taupe); font-size: 0.95rem; }
.gg-auth { display: grid; gap: 1.15rem; margin: 0; }
.woocommerce form.gg-auth.login, .woocommerce form.gg-auth.register, form.gg-auth.woocommerce-form-login, form.gg-auth.woocommerce-form-register { border: 0 !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; background: none; }
.gg-auth .woocommerce-privacy-policy-text p { margin: 0; font-size: 0.82rem; line-height: 1.55; color: var(--gg-taupe); }
.gg-auth .woocommerce-privacy-policy-text a { color: var(--gg-ink); text-decoration: underline; }
.gg-auth .gg-field { margin: 0; }
.gg-auth .gg-field input, .gd-signin .gg-auth .gg-field input { box-sizing: border-box; width: 100%; }
.gg-field__control--password input { padding-right: 3rem !important; }
.gg-reveal { position: absolute; right: 0.35rem; top: 50%; transform: translateY(-50%); width: 2.4rem; height: 2.4rem; display: grid; place-items: center; background: none; border: 0; color: var(--gg-taupe); cursor: pointer; }
.gg-reveal:hover, .gg-reveal[aria-pressed="true"] { color: var(--gg-gold); }
.gg-reveal:focus-visible { outline: 2px solid var(--gg-gold); outline-offset: 1px; }
.gg-auth__row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; font-size: 0.9rem; }
.gg-check { display: inline-flex; align-items: center; gap: 0.55rem; cursor: pointer; }
.gg-check input { width: 1.05rem; height: 1.05rem; accent-color: var(--gg-ink); margin: 0; }
.gg-auth__link { color: var(--gg-ink); text-decoration: underline; text-underline-offset: 3px; }
.gg-auth__link:hover { color: var(--gg-gold); }
.gg-auth__submit { width: 100%; margin-top: 0.3rem; padding-block: 1.1em; }
.gg-auth__submit[aria-busy="true"] { opacity: 0.8; cursor: progress; }
.gg-auth__note { margin: 0; font-size: 0.9rem; color: var(--gg-taupe); }
.gg-check-email { display: flex; gap: 1rem; align-items: flex-start; max-width: 760px; margin: 0 auto 2rem; padding: 1.4rem 1.6rem; background: #fff; border: 1px solid var(--gg-rule); border-left: 3px solid var(--gg-gold); }
.gg-check-email svg { flex: none; color: var(--gg-gold); margin-top: 0.15rem; }
.gg-check-email h2 { margin: 0 0 0.4rem; font-size: 1.5rem; }
.gg-check-email p { margin: 0.3rem 0 0; color: var(--gg-taupe); }
.gg-check-email a { color: var(--gg-ink); text-decoration: underline; }
.gg-btn--outline { background: transparent; color: var(--gg-ink) !important; border-color: var(--gg-ink); }
.gg-btn--outline:hover { background: var(--gg-ink); color: var(--gg-ivory) !important; }
.gd-signin { max-width: 520px; }
.gd-signin > form.gg-auth.login { background: #fff !important; border: 1px solid var(--gg-rule) !important; padding: clamp(1.4rem, 3.5vw, 2.2rem) !important; margin: 1rem 0 !important; }
@media (max-width: 781px) { .gg-auth-panels--two { grid-template-columns: 1fr; } }

/* ── Social links ────────────────────────────────────────────────────────── */
ul.gg-social { list-style: none; display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1rem 0 0; padding: 0; }
.gg-social a { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border: 1px solid currentColor; border-radius: 50%; color: inherit; transition: background 0.25s, color 0.25s, border-color 0.25s; }
.gg-social a:hover { background: var(--gg-gold); border-color: var(--gg-gold); color: #fff; }
.gg-social--footer a { color: var(--gg-pale-gold); border-color: color-mix(in srgb, var(--gg-pale-gold) 45%, transparent); }
.gg-wa-float { position: fixed; left: 1.2rem; bottom: 1.2rem; z-index: 55; display: inline-flex; align-items: center; gap: 0.55rem; padding: 0.75rem 1.1rem 0.75rem 0.9rem; background: #1f7a4d; color: #fff !important; border-radius: 999px; font: 500 0.82rem/1 var(--gg-body); box-shadow: 0 10px 30px -10px rgb(0 0 0 / 0.45); transition: transform 0.25s, background 0.25s; }
.gg-wa-float:hover { background: #16603c; transform: translateY(-2px); }
.gg-wa-float svg { width: 1.4em; height: 1.4em; }
@media (max-width: 600px) { .gg-wa-float span { display: none; } .gg-wa-float { padding: 0.85rem; } }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 1080px) {
	.gg-call__text small { display: none; }
	.gg-footer__grid { grid-template-columns: 1fr 1fr; }
	.gg-footer__brand { grid-column: 1 / -1; }
	.gg-trust__list { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 781px) {
	header.wp-block-template-part { position: relative; }
	/* Phones: logo and icons, then the phone number on its own line, then search. */
	.gg-masthead__row { column-gap: 1rem !important; row-gap: 0.8rem !important; }
	.gg-masthead__actions { display: contents !important; }
	.gg-logo { margin-right: auto !important; }
	.gg-masthead__actions > * { order: 1; }
	.gg-masthead__actions .gg-call { order: 2; flex-basis: 100%; justify-content: center; gap: 0.6rem; padding: 0.6rem 0; border-block: 1px solid var(--gg-rule); }
	.gg-call__text { display: flex; align-items: baseline; gap: 0.5rem; }
	.gg-call__text small { display: inline; }
	.gg-announce__track { justify-content: flex-start; width: max-content; animation: gg-marquee 26s linear infinite; }
	.gg-announce__dup { display: contents; }
	.gg-masthead__row { flex-wrap: wrap !important; }
	.gg-search { order: 3; flex-basis: 100%; max-width: none; }
	.gg-logo img { width: 142px !important; }
	.gg-catnav__list { justify-content: flex-start; padding-inline: 0.2rem; }
	.gg-hero { grid-template-columns: 1fr; min-height: 0; }
	.gg-hero__media { order: -1; aspect-ratio: 4 / 4.2; }
	.gg-hero__media::after { background: linear-gradient(0deg, var(--gg-ink) 0%, transparent 35%); }
	.gg-hero__panel { padding-top: 0; margin-top: -3.5rem; }
	.gg-tiles__grid { grid-template-columns: 1fr 1fr; }
	.gg-tile--0 { grid-column: 1 / -1; aspect-ratio: 4 / 3; }
	.gg-stores { grid-template-columns: 1fr; }
	.gg-stores__media { min-height: 0; aspect-ratio: 1; }
	.gg-stores__list { grid-template-columns: 1fr; }
	.gg-trust__list, .gg-footer__grid { grid-template-columns: 1fr; }
	.gg-footer ul.gg-footer__care { grid-template-columns: 1fr 1fr; column-gap: 1.5rem; }
	.gg-section-head h2 { font-size: 1.7rem; }
}
@keyframes gg-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Receipts (giovane-receipts plugin) */
.gr-receipt { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem 1.2rem; margin: 1.5rem 0 2rem; }
.gr-receipt__btn { display: inline-flex; align-items: center; gap: 0.55rem; }
.gr-receipt__meta { margin: 0; color: var(--gg-taupe); font-size: 0.9rem; }


/* Size system switch (EU / UK / US) */
.gg-sizesys { display: inline-flex; margin-left: 0.8rem; vertical-align: middle; border: 1px solid color-mix(in srgb, var(--gg-ink) 22%, transparent); }
.gg-sizesys button { padding: 0.3rem 0.55rem; background: transparent; border: 0; color: var(--gg-taupe); font: 500 0.66rem/1 var(--gg-body); letter-spacing: 0.12em; cursor: pointer; }
.gg-sizesys button + button { border-left: 1px solid color-mix(in srgb, var(--gg-ink) 22%, transparent); }
.gg-sizesys button[aria-pressed="true"] { background: var(--gg-ink); color: var(--gg-ivory); }
.gg-sizesys button:focus-visible { outline: 2px solid var(--gg-gold); outline-offset: 2px; }

/* WhatsApp chat: choose South Africa or Eswatini */
.gg-wa { position: fixed; left: 1.2rem; bottom: 1.2rem; z-index: 55; }
.gg-wa .gg-wa-float { position: static; border: 0; cursor: pointer; font: inherit; }
.gg-wa__menu { position: absolute; left: 0; bottom: calc(100% + 0.6rem); min-width: 15.5rem; padding: 0.9rem; background: #fff; color: var(--gg-ink); border: 1px solid var(--gg-rule); box-shadow: 0 18px 40px -18px color-mix(in srgb, var(--gg-ink) 45%, transparent); }
.gg-wa__title { margin: 0 0 0.6rem; font: 500 0.68rem/1.2 var(--gg-body); letter-spacing: 0.18em; text-transform: uppercase; color: var(--gg-taupe); }
.gg-wa__menu ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.4rem; }
.gg-wa__menu a { display: flex; align-items: center; gap: 0.7rem; padding: 0.65rem 0.75rem; border: 1px solid var(--gg-rule); color: var(--gg-ink); text-decoration: none; transition: border-color 0.2s, background 0.2s; }
.gg-wa__menu a:hover, .gg-wa__menu a:focus-visible { border-color: #1f7a4d; background: color-mix(in srgb, #1f7a4d 6%, #fff); }
.gg-wa__menu a svg { width: 1.5em; height: 1.5em; color: #1f7a4d; flex: none; }
.gg-wa__menu a span { display: grid; line-height: 1.25; font-size: 0.85rem; color: var(--gg-taupe); font-variant-numeric: lining-nums tabular-nums; }
.gg-wa__menu a strong { color: var(--gg-ink); font-weight: 500; font-size: 0.95rem; }

/* Ask about this piece on WhatsApp (product page and quick view) */
.gg-wa-item { margin: 1.2rem 0 0; }
.gg-wa-item__label { margin: 0 0 0.55rem; font: 500 0.7rem/1.2 var(--gg-body); letter-spacing: 0.18em; text-transform: uppercase; color: var(--gg-taupe); }
.gg-wa-item__btns { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.gg-wa-item__btn { flex: 1 1 10rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.55rem; padding: 0.8rem 1rem; border: 1px solid #1f7a4d; color: #1f7a4d; background: #fff; font: 500 0.78rem/1 var(--gg-body); letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; transition: background 0.2s, color 0.2s; }
.gg-wa-item__btn:hover, .gg-wa-item__btn:focus-visible { background: #1f7a4d; color: #fff; }
.gg-wa-item__btn svg { width: 1.3em; height: 1.3em; }