/* ========================================================================== woocommerce.css — v2 styling for WooCommerce (archive, single product, cart, BLOCKS checkout). STYLING ONLY — no block markup changes, checkout not rebuilt. Everything maps WooCommerce's own classes onto tokens.css. No raw hex here. ========================================================================== */ .woocommerce, .woocommerce-page { font-family: var(--pp-sans); color: var(--pp-text); } /* Colour CONTENT links pink on WooCommerce pages — but NOT UI chrome. WooCommerce adds the `woocommerce` class to , so this rule blankets every on shop/category/product pages; without these exclusions it out-specifies (0,4,1) the active-state colour on the storefront toggle and the filter pills and paints their labels pink-on-pink (invisible). */ .woocommerce a:not(.pp-btn):not(.button):not(.pp-product__atc):not(.pp-store-toggle__opt):not(.pp-filter-pill):not(.pp-shopfilter__opt):not(.pp-nav__link):not(.pp-nav__utility) { color: var(--pp-pink); } .woocommerce h1, .woocommerce h2, .woocommerce h3 { font-family: var(--pp-display); color: var(--pp-plum); } /* -------------------------------------------------------------------------- Shared button styling (classic WC buttons -> v2 pink pill) -------------------------------------------------------------------------- */ .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .button { background: var(--pp-plum-deep); color: var(--pp-on-accent); border: none; border-radius: var(--pp-radius-pill); font-family: var(--pp-sans); font-weight: var(--pp-w-semibold); font-size: var(--pp-fs-sm); padding: 12px 26px; transition: all var(--pp-dur-base); } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce .button:hover { background: var(--pp-cta); color: var(--pp-on-accent); box-shadow: 0 6px 20px rgba(var(--pp-pink-rgb),0.3); } .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce #respond input#submit.alt, .woocommerce .single_add_to_cart_button { background: var(--pp-cta); color: var(--pp-on-accent); } .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce .single_add_to_cart_button:hover { background: var(--pp-purple); box-shadow: 0 8px 30px rgba(var(--pp-pink-rgb),0.4); } /* -------------------------------------------------------------------------- Archive: header, ordering (filter), product grid -------------------------------------------------------------------------- */ .woocommerce-products-header { text-align: center; margin-bottom: var(--pp-space-8); } .woocommerce-products-header__title, .woocommerce .page-title { font-family: var(--pp-display); font-size: var(--pp-fs-h2); font-weight: var(--pp-w-heavy); color: var(--pp-plum); letter-spacing: var(--pp-ls-h1); } .term-description, .woocommerce-products-header + .term-description { max-width: 760px; margin: var(--pp-space-4) auto var(--pp-space-8); color: var(--pp-text); } .term-description h2 { font-size: 1.4rem; margin-top: var(--pp-space-5); } .woocommerce .woocommerce-result-count { color: var(--pp-muted); font-size: var(--pp-fs-sm); float: none; display: inline-block; } .woocommerce .woocommerce-ordering { float: none; display: inline-block; margin-left: auto; } .woocommerce-ordering select, .woocommerce .orderby { font-family: var(--pp-sans); border: 1px solid var(--pp-rose-deep); border-radius: var(--pp-radius-pill); padding: 10px 18px; background: var(--pp-white); color: var(--pp-plum); font-size: var(--pp-fs-sm); } .woocommerce .before-shop-loop, .woocommerce-notices-wrapper + .woocommerce-result-count { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--pp-space-4); margin-bottom: var(--pp-space-6); } /* v2 grid — override WC's float columns */ .woocommerce ul.products, .woocommerce-page ul.products { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--pp-space-6); margin: 0; list-style: none; } .woocommerce ul.products li.product { width: auto !important; float: none !important; margin: 0 !important; } .woocommerce ul.products::before, .woocommerce ul.products::after { content: none; } @media (max-width: 600px) { .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); gap: 12px; } } /* -------------------------------------------------------------------------- Single product -------------------------------------------------------------------------- */ .woocommerce div.product { display: grid; grid-template-columns: 1fr 1fr; gap: var(--pp-space-16); align-items: start; } .woocommerce div.product .woocommerce-product-gallery { width: 100% !important; float: none; margin: 0; } .woocommerce div.product .woocommerce-product-gallery__image img { border-radius: var(--pp-radius); } .woocommerce div.product .summary, .woocommerce div.product .entry-summary { width: 100% !important; float: none; margin: 0; } .woocommerce div.product .product_title { font-family: var(--pp-display); font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: var(--pp-w-heavy); color: var(--pp-plum); margin-bottom: var(--pp-space-3); } .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--pp-pink); font-size: 1.6rem; font-weight: var(--pp-w-bold); } .woocommerce div.product p.price del { color: var(--pp-muted); font-size: 1.1rem; } .woocommerce div.product p.price ins { text-decoration: none; } .woocommerce div.product .woocommerce-product-details__short-description { color: var(--pp-text); line-height: var(--pp-lh-body); margin: var(--pp-space-4) 0; } .woocommerce .stock.in-stock { color: var(--pp-success); font-weight: var(--pp-w-semibold); } .woocommerce div.product form.cart { margin: var(--pp-space-6) 0; display: flex; gap: var(--pp-space-3); flex-wrap: wrap; align-items: center; } .woocommerce .quantity .qty { width: 72px; padding: 12px; border: 1px solid var(--pp-rose-deep); border-radius: var(--pp-radius-sm); font-family: var(--pp-sans); text-align: center; } .woocommerce div.product form.cart .single_add_to_cart_button { padding: 14px 34px; border-radius: var(--pp-radius-pill); text-transform: uppercase; letter-spacing: 0.06em; font-weight: var(--pp-w-bold); } .woocommerce div.product .product_meta { font-size: var(--pp-fs-sm); color: var(--pp-muted); margin-top: var(--pp-space-4); } /* Tabs + spec table */ .woocommerce div.product .woocommerce-tabs { grid-column: 1 / -1; margin-top: var(--pp-space-12); } .woocommerce div.product .woocommerce-tabs ul.tabs { border: none; padding: 0; display: flex; gap: var(--pp-space-2); flex-wrap: wrap; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: var(--pp-grey-light); border: none; border-radius: var(--pp-radius-pill); margin: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--pp-plum); font-weight: var(--pp-w-semibold); padding: 10px 22px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--pp-pink); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--pp-on-accent); } .woocommerce div.product .woocommerce-tabs .panel { padding-top: var(--pp-space-6); } /* Related / upsells reuse the product grid + heading */ .woocommerce .related > h2, .woocommerce .upsells > h2, .woocommerce .cross-sells > h2 { font-family: var(--pp-display); font-size: var(--pp-fs-h2); font-weight: var(--pp-w-heavy); text-align: center; margin: var(--pp-space-12) 0 var(--pp-space-8); } .woocommerce .related, .woocommerce .upsells { grid-column: 1 / -1; } @media (max-width: 768px) { .woocommerce div.product { grid-template-columns: 1fr; gap: var(--pp-space-8); } } /* -------------------------------------------------------------------------- Cart (classic table) -------------------------------------------------------------------------- */ .woocommerce table.shop_table { border-radius: var(--pp-radius); border-color: rgba(var(--pp-plum-rgb),0.1); overflow: hidden; background: var(--pp-white); } .woocommerce table.shop_table th { font-family: var(--pp-sans); color: var(--pp-plum); } .woocommerce .cart_totals h2, .woocommerce-cart-form + .cart-collaterals h2 { font-family: var(--pp-display); } .woocommerce .cart-collaterals .cart_totals { background: var(--pp-grey-light); border-radius: var(--pp-radius); padding: var(--pp-space-6); } /* -------------------------------------------------------------------------- Forms + inputs (classic + blocks) -------------------------------------------------------------------------- */ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce .select2-container .select2-selection, .wc-block-components-text-input input, .wc-block-components-select .wc-block-components-select__select, .wc-block-components-address-form input { font-family: var(--pp-sans); border: 1px solid var(--pp-rose-deep); border-radius: var(--pp-radius-sm); background: var(--pp-white); color: var(--pp-plum); } .wc-block-components-text-input input:focus, .woocommerce form .form-row input.input-text:focus { outline: 2px solid var(--pp-pink); outline-offset: 1px; border-color: var(--pp-pink); } /* -------------------------------------------------------------------------- Blocks cart/checkout -> v2 -------------------------------------------------------------------------- */ .wc-block-checkout, .wc-block-cart, .wp-block-woocommerce-checkout, .wp-block-woocommerce-cart { --wc-green: var(--pp-plum); --wc-primary: var(--pp-pink); --wc-primary-text: var(--pp-white); --wc-highlight: var(--pp-pink); --wc-input-border: var(--pp-rose-deep); font-family: var(--pp-sans); color: var(--pp-text); } .wc-block-components-title, .wc-block-checkout__main h2, .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-title { font-family: var(--pp-display); color: var(--pp-plum); } .wc-block-components-button { font-family: var(--pp-sans); font-weight: var(--pp-w-bold); letter-spacing: 0.06em; text-transform: uppercase; border-radius: var(--pp-radius-pill); transition: all var(--pp-dur-base); } .wc-block-components-button.contained, .wc-block-cart__submit-button .wc-block-components-button, .wc-block-checkout__actions .wc-block-components-button.contained { background: var(--pp-cta); color: var(--pp-on-accent); } .wc-block-components-button.contained:hover { background: var(--pp-purple); box-shadow: var(--pp-glow-pink); transform: translateY(-2px); } .wc-block-components-button.outlined { background: transparent; color: var(--pp-plum); border: 1px solid var(--pp-plum); } .wc-block-components-product-price, .wc-block-components-totals-item__value, .woocommerce-Price-amount { color: var(--pp-plum); font-weight: var(--pp-w-bold); font-variant-numeric: tabular-nums; } .wc-block-checkout__sidebar .wc-block-components-panel, .wc-block-components-order-summary, .wp-block-woocommerce-checkout-order-summary-block, .woocommerce-checkout-review-order-table, .cart_totals { background: var(--pp-grey-light); border-radius: var(--pp-radius); box-shadow: var(--pp-shadow-soft); } /* -------------------------------------------------------------------------- Notices + breadcrumb -------------------------------------------------------------------------- */ .woocommerce-message, .wc-block-components-notice-banner.is-success { border-radius: var(--pp-radius-sm); border-top: 3px solid var(--pp-success); background: var(--pp-white); } .woocommerce-error, .wc-block-components-notice-banner.is-error { border-radius: var(--pp-radius-sm); border-top: 3px solid var(--pp-error); background: var(--pp-white); } .woocommerce-info, .wc-block-components-notice-banner.is-info { border-radius: var(--pp-radius-sm); border-top: 3px solid var(--pp-pink); background: var(--pp-white); } .woocommerce .woocommerce-breadcrumb { color: var(--pp-muted); font-size: var(--pp-fs-sm); margin-bottom: var(--pp-space-6); } .woocommerce .woocommerce-breadcrumb a { color: var(--pp-pink); } /* -------------------------------------------------------------------------- Returns / hygiene pre-contract disclosure -------------------------------------------------------------------------- */ .pp-returns-note { font-size: var(--pp-fs-ui); line-height: 1.6; color: var(--pp-muted); background: var(--pp-blush-light); border-radius: var(--pp-radius-sm); padding: var(--pp-space-3) var(--pp-space-4); margin-top: var(--pp-space-4); max-width: 46ch; } .pp-returns-note a { color: var(--pp-pink); } .pp-returns-note--checkout { max-width: none; margin: 0 0 var(--pp-space-6); } /* Out-of-stock "email me" capture (kept visible, not hidden) */ .pp-oos-capture { margin-top: var(--pp-space-4); padding: var(--pp-space-4); background: var(--pp-blush-light); border-radius: var(--pp-radius); } /* Free-delivery progress nudge (cart + checkout) */ .pp-freeship { max-width: 760px; margin: 0 auto var(--pp-space-6); padding: 16px 20px; background: var(--pp-white); border: 1px solid rgba(var(--pp-plum-rgb), 0.06); border-radius: var(--pp-radius); text-align: center; } .pp-freeship__msg { margin: 0 0 10px; font-size: 0.9rem; font-weight: var(--pp-w-semibold); color: var(--pp-plum); } .pp-freeship__msg .amount { color: var(--pp-pink); } .pp-freeship__bar { height: 8px; border-radius: var(--pp-radius-pill); background: var(--pp-grey-light); overflow: hidden; } .pp-freeship__bar span { display: block; height: 100%; border-radius: var(--pp-radius-pill); background: linear-gradient(90deg, var(--pp-pink), var(--pp-purple)); transition: width var(--pp-dur-slow) var(--pp-ease); } .pp-freeship--done { border-color: rgba(39, 174, 96, 0.25); } .pp-freeship--done .pp-freeship__msg { color: var(--pp-success); } .pp-freeship--done .pp-freeship__bar span { background: var(--pp-success); } /* Cart cross-sells (add-ons) */ .pp-crosssells { margin-top: var(--pp-space-12); } .pp-crosssells__head { text-align: center; margin-bottom: var(--pp-space-8); } .pp-crosssells__head h2 { font-family: var(--pp-display); font-size: var(--pp-fs-h2); font-weight: var(--pp-w-heavy); color: var(--pp-plum); margin: 0 0 var(--pp-space-2); } .pp-crosssells__head p { color: var(--pp-muted); font-size: 0.92rem; margin: 0; } /* Thank-you / order-received (v2) */ .pp-ty-hero { background: var(--pp-wash); text-align: center; padding: 72px var(--pp-gutter) 60px; } .pp-ty-hero__check { width: 64px; height: 64px; margin: 0 auto var(--pp-space-5); border-radius: 50%; background: var(--pp-success); color: var(--pp-on-accent); font-size: 2rem; font-weight: var(--pp-w-bold); display: flex; align-items: center; justify-content: center; } .pp-ty-hero h1 { font-family: var(--pp-display); font-size: clamp(2.2rem, 5vw, 3.2rem); font-weight: var(--pp-w-heavy); text-transform: uppercase; color: var(--pp-plum); margin: 0 0 var(--pp-space-3); } .pp-ty-hero h1 em { color: var(--pp-pink); font-style: normal; } .pp-ty-hero p { max-width: 520px; margin: 0 auto var(--pp-space-4); color: var(--pp-plum); opacity: 0.85; } .pp-ty-hero__num { display: inline-block; background: var(--pp-white); border: 1px solid rgba(var(--pp-plum-rgb), 0.08); border-radius: var(--pp-radius-pill); padding: 8px 20px; font-weight: var(--pp-w-bold); color: var(--pp-plum); font-size: 0.9rem; } .pp-ty-hero--failed { background: var(--pp-danger-surface); } .pp-ty { padding: var(--pp-section-y) var(--pp-gutter); } .pp-ty-h2 { font-family: var(--pp-display); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: var(--pp-w-heavy); color: var(--pp-plum); text-align: center; margin: 0 0 var(--pp-space-8); } .pp-ty-h2 em { color: var(--pp-pink); font-style: normal; } .pp-ty-next { margin-bottom: var(--pp-space-12); } .pp-ty-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--pp-space-6); max-width: 900px; margin: 0 auto; } .pp-ty-step { text-align: center; padding: 28px 22px; background: var(--pp-white); border: 1px solid rgba(var(--pp-plum-rgb), 0.05); border-radius: var(--pp-radius); } .pp-ty-step__num { width: 44px; height: 44px; margin: 0 auto var(--pp-space-3); border-radius: 50%; background: var(--pp-pink-pale); color: var(--pp-pink); font-size: 1.2rem; display: flex; align-items: center; justify-content: center; } .pp-ty-step h4 { font-size: 0.95rem; color: var(--pp-plum); margin: 0 0 6px; } .pp-ty-step p { font-size: 0.84rem; color: var(--pp-muted); line-height: 1.6; margin: 0; } .pp-ty-reassure { max-width: 640px; margin: 0 auto var(--pp-space-12); padding: 28px 30px; background: var(--pp-blush-light); border-radius: var(--pp-radius); } .pp-ty-reassure h3 { font-family: var(--pp-display); font-size: 1.2rem; color: var(--pp-plum); margin: 0 0 var(--pp-space-3); } .pp-ty-reassure ul { margin: 0; padding: 0; list-style: none; } .pp-ty-reassure li { position: relative; padding-left: 26px; margin-bottom: 10px; font-size: 0.9rem; color: var(--pp-text); } .pp-ty-reassure li::before { content: '✓'; position: absolute; left: 0; color: var(--pp-success); font-weight: var(--pp-w-bold); } .pp-ty-details { max-width: 720px; margin: 0 auto var(--pp-space-10); } .pp-ty-actions { display: flex; gap: var(--pp-space-4); justify-content: center; flex-wrap: wrap; } .pp-ty-cross { max-width: var(--pp-container); margin: 0 auto; padding: 0 var(--pp-gutter) var(--pp-section-y); } @media (max-width: 768px) { .pp-ty-steps { grid-template-columns: 1fr; } } /* "Why PurePleasure" feature tick-list (pp-core PP_Why_Block). Compliant: positive factual claims about OUR product only — no "vs others". */ .pp-why { max-width: var(--pp-container); margin: var(--pp-space-12) auto; padding: 44px var(--pp-gutter); background: var(--pp-wash-card); border-radius: var(--pp-radius); border: 1px solid rgba(var(--pp-plum-rgb), 0.05); } .pp-why__title { font-family: var(--pp-display); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: var(--pp-w-heavy); color: var(--pp-plum); text-align: center; margin: 0 0 var(--pp-space-8); } .pp-why__title span { color: var(--pp-pink); } .pp-why__grid { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--pp-space-3) var(--pp-space-6); max-width: 840px; margin: 0 auto; padding: 0; } .pp-why__item { display: flex; align-items: center; gap: var(--pp-space-3); padding: 14px 18px; background: var(--pp-white); border-radius: var(--pp-radius-sm); border: 1px solid rgba(var(--pp-plum-rgb), 0.05); font-size: 0.92rem; color: var(--pp-text); font-weight: var(--pp-w-medium); } .pp-why__tick { flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: var(--pp-success); color: var(--pp-on-accent); display: inline-flex; align-items: center; justify-content: center; font-size: 0.78rem; font-weight: var(--pp-w-bold); } .pp-why__icon { font-size: 1.15rem; line-height: 1; } @media (max-width: 700px) { .pp-why { padding: 32px 20px; } .pp-why__grid { grid-template-columns: 1fr; } } /* ══ Shop / archive chrome — prototype (shop-preview.html) ══ */ .pp-shop-hero { background: var(--pp-wash); text-align: center; padding: 56px var(--pp-gutter) 48px; } .pp-shop-hero__inner { max-width: 820px; margin: 0 auto; } .pp-shop-hero .ad-eyebrow { color: var(--pp-muted); letter-spacing: 0.28em; margin-bottom: 14px; display: block; } .pp-shop-hero__title { font-family: var(--pp-display); font-size: clamp(2.6rem, 6vw, 4rem); font-weight: var(--pp-w-heavy); text-transform: uppercase; letter-spacing: -0.01em; line-height: 1; color: var(--pp-plum); margin-bottom: 14px; } .pp-shop-hero__deck { font-family: var(--pp-display); font-style: italic; font-size: clamp(1.1rem, 2.2vw, 1.5rem); color: var(--pp-plum); opacity: 0.82; margin: 0; } .pp-shop-toolbar { border-bottom: 1px solid rgba(var(--pp-plum-rgb),0.06); } .pp-shop-toolbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-top: 26px; padding-bottom: 22px; } .pp-filter-pills { display: flex; gap: 8px; flex-wrap: wrap; } .pp-filter-pill { padding: 9px 18px; border-radius: var(--pp-radius-pill); border: 1.5px solid rgba(var(--pp-plum-rgb),0.12); background: var(--pp-white); font-size: 0.8rem; font-weight: var(--pp-w-semibold); color: var(--pp-plum); text-decoration: none; transition: all var(--pp-dur-fast) var(--pp-ease); white-space: nowrap; } .pp-filter-pill:hover { border-color: var(--pp-pink-light); color: var(--pp-pink); } .pp-filter-pill.active { background: var(--pp-cta); color: var(--pp-on-accent); border-color: var(--pp-pink); } .pp-shop-sort { display: flex; align-items: center; gap: 12px; } .pp-shop-count { font-size: 0.82rem; color: var(--pp-muted); white-space: nowrap; } .pp-sort-select { padding: 9px 16px; border-radius: var(--pp-radius-pill); border: 1.5px solid rgba(var(--pp-plum-rgb),0.12); background: var(--pp-white); font-family: var(--pp-sans); font-size: 0.8rem; color: var(--pp-plum); cursor: pointer; } .pp-shop.pp-section { padding-top: 40px; } /* 4-column product grid (WooCommerce archive) */ .woocommerce ul.products, .woocommerce-page ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; max-width: var(--pp-container) !important; margin: 0 auto !important; list-style: none; padding: 0; } @media (max-width: 1024px){ .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(3, 1fr) !important; } } @media (max-width: 760px){ .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; } } @media (max-width: 460px){ .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: 1fr !important; } } /* ── Women's shop: tighter top gap + left sidebar filters ─────────────────── */ .pp-section.pp-shop { padding-top: 26px; } /* tighten the gap between the toolbar and the grid */ .pp-shop-layout { display: grid; grid-template-columns: 232px 1fr; gap: 34px; align-items: start; } .pp-shop-main { min-width: 0; } .pp-shop-main ul.products { grid-template-columns: repeat(3, 1fr) !important; } @media (max-width: 980px) { .pp-shop-layout { grid-template-columns: 1fr; gap: 0; } .pp-shop-aside { display: none; } } .pp-shopfilter { position: sticky; top: 92px; } .pp-shopfilter__title { font-family: var(--pp-display); font-size: 1.15rem; font-weight: var(--pp-w-heavy); text-transform: uppercase; letter-spacing: 0.06em; color: var(--pp-plum); padding-bottom: 12px; border-bottom: 1px solid rgba(var(--pp-plum-rgb), 0.1); margin-bottom: 16px; } .pp-shopfilter__group { margin-bottom: 22px; } .pp-shopfilter__group h4 { font-size: 0.72rem; font-weight: var(--pp-w-heavy); letter-spacing: 0.12em; text-transform: uppercase; color: var(--pp-muted); margin-bottom: 8px; } .pp-shopfilter__opt { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; font-size: 0.9rem; color: var(--pp-text); text-decoration: none; transition: color .2s; } .pp-shopfilter__opt:hover { color: var(--pp-pink); } .pp-shopfilter__opt.is-active { color: var(--pp-pink); font-weight: var(--pp-w-semibold); } .pp-shopfilter__count { color: var(--pp-muted); font-size: 0.78rem; } .pp-shopfilter__clear { display: inline-block; margin-top: 4px; font-size: 0.8rem; color: var(--pp-muted); text-decoration: underline; } .pp-shopfilter__clear:hover { color: var(--pp-pink); } /* Cart + checkout order summary: drop the product short description. In the narrow summary column it wrapped to one or two words per line (and truncated mid-sentence in the cart), and it adds nothing at the point of payment. Product name, price and quantity stay. */ .wc-block-components-product-metadata__description { display: none !important; }