/*
Theme Name: ModularPeg
Theme URI: https://modularpeg.co.uk
Author: ModularPeg
Description: WooCommerce theme for ModularPeg — 3D-printed pegboard accessories. Converted from the original Emergent React build with matching layout, typography and colours.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
WC requires at least: 8.0
License: GPL-2.0-or-later
Text Domain: modularpeg
*/

/* ---------- Base (Tailwind preflight, condensed) ---------- */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e5e5}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent}
body{margin:0;line-height:inherit;font-family:'Inter',sans-serif;color:#171717;background:#fff;-webkit-font-smoothing:antialiased}
hr{height:0;color:inherit;border-top-width:1px}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
small{font-size:80%}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
button,[role=button]{cursor:pointer}
:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}
h1,h2,h3,h4,.font-display{font-family:'Manrope',sans-serif;font-weight:700;letter-spacing:-.02em}
::selection{background:#FF5A00;color:#fff}

/* ---------- Components ---------- */
.mp-container{margin-left:auto;margin-right:auto;width:100%;max-width:1400px;padding-left:1.25rem;padding-right:1.25rem}
@media (min-width:640px){.mp-container{padding-left:2rem;padding-right:2rem}}
@media (min-width:1024px){.mp-container{padding-left:3rem;padding-right:3rem}}
.mp-btn,.mp-btn-primary,.mp-btn-dark,.mp-btn-outline{display:inline-flex;height:3rem;align-items:center;justify-content:center;gap:.5rem;padding-left:1.75rem;padding-right:1.75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;letter-spacing:.025em;transition:background-color .2s,color .2s,transform .2s,border-color .2s;border-radius:2px;cursor:pointer}
.mp-btn:active,.mp-btn-primary:active,.mp-btn-dark:active,.mp-btn-outline:active{transform:scale(.98)}
.mp-btn:disabled,.mp-btn-primary:disabled,.mp-btn-dark:disabled,.mp-btn-outline:disabled{pointer-events:none;opacity:.4}
.mp-btn-primary{background-color:#FF5A00;color:#fff}.mp-btn-primary:hover{background-color:#e04f00}
.mp-btn-dark{background-color:#171717;color:#fff}.mp-btn-dark:hover{background-color:#000}
.mp-btn-outline{border:1px solid #171717;color:#171717}.mp-btn-outline:hover{background-color:#171717;color:#fff}
.mp-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:#FF5A00}
.mp-chip{display:inline-flex;height:1.5rem;align-items:center;padding-left:.5rem;padding-right:.5rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:2px}
.mp-input{height:2.75rem;width:100%;border:1px solid #d4d4d4;background-color:#fff;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;transition:border-color .15s;border-radius:2px}
.mp-input:focus{border-color:#171717}
.mp-option{min-height:2.75rem;border:1px solid #d4d4d4;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:color .15s,background-color .15s,border-color .15s;border-radius:2px;background:transparent}
.mp-option[data-selected="true"]{border-color:#FF5A00;background-color:rgba(255,90,0,.05);color:#171717;box-shadow:0 0 0 1px #FF5A00}
.mp-option[data-selected="false"]:hover{border-color:#171717}
.mp-prose p{margin-bottom:1rem;line-height:1.625;color:#404040}
@keyframes mp-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.mp-rise{animation:mp-rise .6s cubic-bezier(.2,.7,.2,1) both}
.mp-d1{animation-delay:.08s}.mp-d2{animation-delay:.16s}.mp-d3{animation-delay:.24s}
@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.mp-icon{display:inline-block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Utilities (the Tailwind classes used by the original build) ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.visible{visibility:visible}.invisible{visibility:hidden}
.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}
.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-5{bottom:-1.25rem}.-left-5{left:-1.25rem}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.right-0{right:0}.right-0\.5{right:.125rem}.right-3{right:.75rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-3{top:.75rem}.top-full{top:100%}
.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}
.mx-auto{margin-left:auto;margin-right:auto}.-ml-1{margin-left:-.25rem}.ml-3{margin-left:.75rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}
.mb-1\.5{margin-bottom:.375rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}
.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-24{margin-top:6rem}.mt-28{margin-top:7rem}.mt-auto{margin-top:auto}
.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}
.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1/1}
.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-96{height:24rem}.h-\[18px\]{height:18px}.h-\[68px\]{height:68px}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}
.min-h-8{min-height:2rem}.min-h-9{min-height:2.25rem}.min-h-\[320px\]{min-height:320px}.min-h-\[60vh\]{min-height:60vh}
.w-1\.5{width:.375rem}.w-1\/3{width:33.333333%}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-20{width:5rem}.w-24{width:6rem}.w-40{width:10rem}.w-48{width:12rem}.w-72{width:18rem}.w-auto{width:auto}.w-full{width:100%}
.min-w-0{min-width:0}.min-w-\[18px\]{min-width:18px}
.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}
.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}
.-translate-x-1\/2{transform:translateX(-50%)}.-translate-x-2{transform:translateX(-.5rem)}
.cursor-pointer{cursor:pointer}.scroll-mt-24{scroll-margin-top:6rem}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}
.justify-center{justify-content:center}.justify-between{justify-content:space-between}
.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-x-4{column-gap:1rem}.gap-y-10{row-gap:2.5rem}
.space-y-0\.5>*+*{margin-top:.125rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-2\.5>*+*{margin-top:.625rem}.space-y-3>*+*{margin-top:.75rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}
.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}
.rounded-full{border-radius:9999px}
.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}
.border-\[\#171717\]{border-color:#171717}.border-\[\#FF5A00\]{border-color:#FF5A00}.border-\[\#FF5A00\]\/40{border-color:rgba(255,90,0,.4)}.border-neutral-100{border-color:#f5f5f5}.border-neutral-200{border-color:#e5e5e5}.border-neutral-300{border-color:#d4d4d4}.border-neutral-700{border-color:#404040}.border-neutral-800{border-color:#262626}.border-transparent{border-color:transparent}
.bg-\[\#171717\]{background-color:#171717}.bg-\[\#F5F5F3\]{background-color:#F5F5F3}.bg-\[\#FF5A00\]{background-color:#FF5A00}.bg-\[\#FF5A00\]\/10{background-color:rgba(255,90,0,.1)}.bg-\[\#FF5A00\]\/5{background-color:rgba(255,90,0,.05)}.bg-\[\#FF5A00\]\/8{background-color:rgba(255,90,0,.08)}.bg-black{background-color:#000}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.bg-white\/90{background-color:rgba(255,255,255,.9)}.bg-white\/95{background-color:rgba(255,255,255,.95)}
.fill-\[\#FF5A00\]{fill:#FF5A00}.object-cover{object-fit:cover}
.p-0{padding:0}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}
.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}
.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-10{padding-bottom:2.5rem}.pb-28{padding-bottom:7rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-24{padding-top:6rem}.pt-28{padding-top:7rem}
.text-left{text-align:left}.text-center{text-align:center}
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}
.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}
.leading-\[1\.02\]{line-height:1.02}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}
.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-tight{letter-spacing:-.025em}
.text-\[\#171717\]{color:#171717}.text-\[\#FF5A00\]{color:#FF5A00}.text-green-700{color:#15803d}.text-neutral-300{color:#d4d4d4}.text-neutral-400{color:#a3a3a3}.text-neutral-500{color:#737373}.text-neutral-600{color:#525252}.text-neutral-700{color:#404040}.text-red-600{color:#dc2626}.text-white{color:#fff}
.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.accent-\[\#FF5A00\]{accent-color:#FF5A00}
.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}
.shadow-\[0_8px_30px_rgba\(0\,0\,0\,0\.08\)\]{box-shadow:0 8px 30px rgba(0,0,0,.08)}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.transition-colors{transition:color .15s,background-color .15s,border-color .15s}.transition-opacity{transition:opacity .15s}.transition-transform{transition:transform .15s}.transition-\[gap\]{transition:gap .15s}.transition-\[opacity\,transform\]{transition:opacity .15s,transform .15s}
.duration-500{transition-duration:.5s}
.placeholder\:text-neutral-500::placeholder{color:#737373}
.hover\:border-\[\#171717\]:hover{border-color:#171717}.hover\:border-\[\#FF5A00\]:hover{border-color:#FF5A00}.hover\:bg-\[\#F5F5F3\]:hover{background-color:#F5F5F3}.hover\:text-\[\#171717\]:hover{color:#171717}.hover\:text-\[\#FF5A00\]:hover{color:#FF5A00}.hover\:text-red-600:hover{color:#dc2626}.hover\:text-white:hover{color:#fff}
.focus\:border-\[\#171717\]:focus{border-color:#171717}.focus\:border-white:focus{border-color:#fff}
.disabled\:opacity-30:disabled{opacity:.3}
.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-60{opacity:.6}.group:hover .group-hover\:translate-x-0{transform:translateX(0)}.group:hover .group-hover\:scale-\[1\.02\]{transform:scale(1.02)}.group:hover .group-hover\:gap-3{gap:.75rem}
@media (min-width:640px){
.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:w-28{width:7rem}.sm\:w-fit{width:fit-content}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-6{gap:1.5rem}.sm\:gap-x-6{column-gap:1.5rem}.sm\:p-6{padding:1.5rem}.sm\:p-12{padding:3rem}.sm\:p-14{padding:3.5rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}}
@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-right{text-align:right}}
@media (min-width:1024px){
.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:aspect-\[5\/4\]{aspect-ratio:5/4}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1\.4fr_1fr_1fr_1fr\]{grid-template-columns:1.4fr 1fr 1fr 1fr}.lg\:grid-cols-\[1fr_1\.15fr\]{grid-template-columns:1fr 1.15fr}.lg\:grid-cols-\[1fr_360px\]{grid-template-columns:1fr 360px}.lg\:grid-cols-\[260px_1fr\]{grid-template-columns:260px 1fr}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:gap-16{gap:4rem}.lg\:p-10{padding:2.5rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:pb-0{padding-bottom:0}.lg\:pt-12{padding-top:3rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-\[44px\]{font-size:44px}}
@media (min-width:1280px){.xl\:inline{display:inline}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- Interactive pieces (replace the React/Radix widgets) ---------- */
.mp-overlay{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.8);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.mp-overlay.is-open{opacity:1;visibility:visible}
.mp-sheet{position:fixed;top:0;bottom:0;z-index:61;background:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:transform .35s ease-in-out;display:flex;flex-direction:column;overflow-y:auto}
.mp-sheet-left{left:0;width:86vw;max-width:24rem;transform:translateX(-100%)}
.mp-sheet-right{right:0;width:100%;transform:translateX(100%)}
@media (min-width:640px){.mp-sheet-right{max-width:28rem}}
.mp-sheet.is-open{transform:none}
.mp-sheet-close{position:absolute;right:1rem;top:1rem;opacity:.7;padding:.25rem}.mp-sheet-close:hover{opacity:1}
body.mp-locked{overflow:hidden}
.mp-toaster{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;width:calc(100% - 2rem);max-width:356px}
.mp-toast{background:#fff;border:1px solid #e5e5e5;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:.875rem 1rem;font-size:.875rem;border-radius:4px;display:flex;gap:.5rem;align-items:center;animation:mp-rise .3s both;pointer-events:auto}
.mp-toast.is-error{color:#dc2626}
.mp-accordion{border-top:1px solid #e5e5e5}
.mp-accordion details{border-bottom:1px solid #e5e5e5}
.mp-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:1rem 0;cursor:pointer;font-family:'Manrope',sans-serif;font-weight:600;font-size:.875rem;letter-spacing:-.02em}
.mp-accordion summary:hover{text-decoration:underline}
.mp-accordion summary::-webkit-details-marker{display:none}
.mp-accordion summary .mp-icon{transition:transform .2s}
.mp-accordion details[open] summary .mp-icon{transform:rotate(180deg)}
.mp-accordion .mp-acc-body{padding-bottom:1rem;font-size:.875rem}
.mp-select{height:2.5rem;width:12rem;border:1px solid hsl(0 0% 85%);border-radius:2px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .75rem center/16px;padding:0 2.25rem 0 .75rem;font-size:.875rem;-webkit-appearance:none;appearance:none}
.mp-search-results:empty{display:none}
.mp-cart-badge:empty{display:none}

/* Page content (legal/info pages edited in the WordPress editor) */
.mp-content{line-height:1.625;color:#404040}
.mp-content>*+*{margin-top:1rem}
.mp-content h2{font-size:1.5rem;color:#171717;margin-top:2rem}
.mp-content h3{font-size:1.125rem;color:#171717;margin-top:1.5rem}
.mp-content a{text-decoration:underline}
.mp-content ul{list-style:disc;padding-left:1.25rem}
.mp-content ol{list-style:decimal;padding-left:1.25rem}
/* FAQ page: WordPress "Details" blocks styled like the original accordion */
.mp-content details.wp-block-details{border-bottom:1px solid #e5e5e5;margin:0;padding:0}
.mp-content details.wp-block-details:first-of-type{border-top:1px solid #e5e5e5}
.mp-content details.wp-block-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;cursor:pointer;font-family:'Manrope',sans-serif;font-weight:600;color:#171717;letter-spacing:-.02em}
.mp-content details.wp-block-details summary::-webkit-details-marker{display:none}
.mp-content details.wp-block-details summary::after{content:"";width:16px;height:16px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171717' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center/16px;transition:transform .2s}
.mp-content details.wp-block-details[open] summary::after{transform:rotate(180deg)}
.mp-content details.wp-block-details>*:not(summary){margin:0 0 1rem}
.mp-content details.wp-block-details+details.wp-block-details{margin-top:0}

/* ---------- WooCommerce pages (basket, checkout, account) ---------- */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:0 0 1.5rem;padding:1rem 1.25rem;border:1px solid #e5e5e5;background:#F5F5F3;font-size:.875rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.woocommerce-error{border-color:#dc2626;color:#dc2626;background:#fff}
.woocommerce-message .button,.woocommerce-info .button{order:2}
.mp-woo .button,.mp-woo button.button,.mp-woo input.button,.mp-woo a.button,.mp-woo #place_order{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1.75rem;font-size:.875rem;font-weight:600;letter-spacing:.025em;border-radius:2px;background:#171717;color:#fff;border:0;cursor:pointer;transition:background-color .2s;text-align:center}
.mp-woo .button:hover{background:#000}
.mp-woo .button.alt,.mp-woo .checkout-button,.mp-woo #place_order{background:#FF5A00;width:100%}
.mp-woo .button.alt:hover,.mp-woo .checkout-button:hover,.mp-woo #place_order:hover{background:#e04f00}
.mp-woo .button:disabled,.mp-woo .button.disabled{opacity:.4;pointer-events:none}
.mp-woo input.input-text,.mp-woo input[type=text],.mp-woo input[type=email],.mp-woo input[type=tel],.mp-woo input[type=password],.mp-woo input[type=number],.mp-woo select,.mp-woo textarea{width:100%;min-height:2.75rem;border:1px solid #d4d4d4;background:#fff;padding:.5rem .75rem;font-size:.875rem;border-radius:2px;outline:none}
.mp-woo input:focus,.mp-woo select:focus,.mp-woo textarea:focus{border-color:#171717}
.mp-woo label{display:block;font-size:.75rem;font-weight:500;margin-bottom:.375rem}
.mp-woo .form-row{margin-bottom:1rem}
.mp-woo .required{color:#FF5A00;text-decoration:none}
.mp-woo table.shop_table{width:100%;font-size:.875rem;border-top:1px solid #e5e5e5}
.mp-woo table.shop_table th,.mp-woo table.shop_table td{padding:1rem .5rem;border-bottom:1px solid #e5e5e5;text-align:left;vertical-align:middle}
.mp-woo table.shop_table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em}
.mp-woo table.shop_table img{width:80px;aspect-ratio:1;object-fit:cover;background:#F5F5F3}
.mp-woo td.product-name a{font-family:'Manrope',sans-serif;font-weight:600}
.mp-woo td.product-name dl.variation{margin-top:.375rem;font-size:.75rem;color:#525252;display:grid;grid-template-columns:auto 1fr;gap:.125rem .5rem}
.mp-woo td.product-name dl.variation dd p{margin:0}
.mp-woo a.remove{font-size:1.25rem;color:#737373}.mp-woo a.remove:hover{color:#dc2626}
.mp-woo .quantity input.qty{width:4.5rem;text-align:center}
.mp-woo .coupon{display:flex;gap:.5rem;flex-wrap:wrap}.mp-woo .coupon input{max-width:14rem}.mp-woo .coupon label{display:none}
.mp-woo td.actions{text-align:right}
.mp-woo .cart-collaterals{margin-top:2.5rem;max-width:420px;margin-left:auto;background:#F5F5F3;padding:1.5rem}
.mp-woo .cart_totals h2,.mp-woo #order_review_heading,.mp-woo .woocommerce-billing-fields h3,.mp-woo .woocommerce-shipping-fields h3,.mp-woo .woocommerce-additional-fields h3{font-size:1.125rem;margin-bottom:1rem}
.mp-woo .cart_totals table.shop_table{border-top:0}
.mp-woo ul#shipping_method li{margin-bottom:.375rem}
.mp-woo .woocommerce-checkout{display:grid;gap:2.5rem}
@media (min-width:1024px){.mp-woo form.woocommerce-checkout{grid-template-columns:1fr 420px}.mp-woo form.woocommerce-checkout>.col2-set{grid-column:1}.mp-woo form.woocommerce-checkout>#order_review_heading,.mp-woo form.woocommerce-checkout>#order_review{grid-column:2}.mp-woo form.woocommerce-checkout>#order_review_heading{grid-row:1}.mp-woo form.woocommerce-checkout>#order_review{grid-row:2 / span 2;background:#F5F5F3;padding:1.5rem;height:fit-content}.mp-woo form.woocommerce-checkout>.col2-set{grid-row:1 / span 3}}
.mp-woo .col2-set .col-1,.mp-woo .col2-set .col-2{margin-bottom:2rem}
.mp-woo #payment ul.payment_methods{border-bottom:1px solid #e5e5e5;padding-bottom:1rem;margin-bottom:1rem}
.mp-woo #payment .payment_box{font-size:.8125rem;color:#525252;padding:.5rem 0}
.mp-woo .woocommerce-privacy-policy-text{font-size:.75rem;color:#737373;margin-bottom:1rem}
.mp-woo .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.mp-woo .woocommerce-MyAccount-navigation a{display:inline-flex;min-height:2.5rem;align-items:center;padding:0 1rem;border:1px solid #d4d4d4;font-size:.875rem;font-weight:500;border-radius:2px}
.mp-woo .woocommerce-MyAccount-navigation .is-active a{border-color:#FF5A00;background:rgba(255,90,0,.05);box-shadow:0 0 0 1px #FF5A00}
.mp-woo .u-columns{display:grid;gap:2.5rem}
@media (min-width:768px){.mp-woo .u-columns{grid-template-columns:1fr 1fr}}
.mp-woo .u-columns h2{font-size:1.5rem;margin-bottom:1.25rem}
.mp-woo form.login,.mp-woo form.register,.mp-woo form.lost_reset_password{border:1px solid #e5e5e5;padding:1.5rem}
.mp-woo .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:.5rem;margin:1rem 0}
.mp-woo .lost_password{font-size:.875rem;margin-top:1rem;text-decoration:underline}
.mp-woo .woocommerce-order-overview{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.875rem;margin:1.5rem 0;padding:1.25rem;background:#F5F5F3}
.mp-woo address{font-style:normal;line-height:1.6;font-size:.875rem}
.mp-woo .wc-block-components-button:not(.is-link){background:#FF5A00;color:#fff;border-radius:2px}