/*
Theme Name: MixiArt
Theme URI: https://mixiart.com/
Description: Child theme for mixiart.com — laser cut files and stained glass patterns. Saturated colour fields, sticker headlines, fully-rounded controls, product art shown against colour. Built to grow into a multi-vendor marketplace.
Author: MixiArt
Version: 2.0.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
Template: twentytwentyfive
Text Domain: mixiart
Tags: one-column, custom-colors, custom-logo, block-patterns, full-site-editing, e-commerce
*/

/* MixiArt — layout and visual language modelled on high-conversion DTC stores:
   saturated colour fields, sticker headlines, fully-rounded controls,
   product art photographed against colour. */

:root{
  --ink:#161a2b;
  --ink-60:#5a6076;
  --ink-40:#8c93a8;
  --paper:#ffffff;
  --mist:#f6f3ee;
  --coral:#ff5c35;
  --coral-dk:#e8431c;
  --grape:#6b3fd4;
  --cobalt:#2563eb;
  --sky:#bfe3ff;
  --blush:#ffd9e8;
  --mint:#c8f2e2;
  --butter:#ffe9b0;
  --amber:#f6a91b;
  --ruby:#e03131;
  --emerald:#12a37a;
  --lead:#15151c;
  --ply-1:#7a5a30; --ply-2:#a87f43; --ply-3:#cba462; --ply-4:#e2c690; --ply-5:#f2dfb8;
  --r-card:20px;
  --r-tile:24px;
  --r-pill:999px;
  --shadow:0 8px 28px rgba(22,26,43,.10);
  --shadow-sm:0 3px 12px rgba(22,26,43,.08);
  --wrap:1240px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Figtree,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.6;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:14px;top:14px;z-index:99;background:#fff;padding:10px 16px;border-radius:var(--r-pill)}

/* ---------- type ---------- */
h1,h2,h3,h4{margin:0;letter-spacing:-.025em;line-height:1.05;font-weight:800}
.h-hero{font-size:clamp(2.9rem,7vw,5.5rem);line-height:1.04;font-weight:900;letter-spacing:-.04em}
.h-sec{font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:800}
.h-card{font-size:1.125rem;font-weight:700;letter-spacing:-.015em}
.lede{font-size:1.15rem;color:var(--ink-60);margin:0}
.muted{color:var(--ink-60)}

/* Sticker headline: white fill, hard ink outline, offset colour shadow. */
.sticker{
  color:#fff;
  -webkit-text-stroke:8px var(--ink);
  paint-order:stroke fill;
  text-shadow:7px 9px 0 var(--amber);
}
@supports not (paint-order:stroke){
  .sticker{-webkit-text-stroke:0;text-shadow:5px 6px 0 var(--ink)}
}

/* ---------- announcement + header ---------- */
.announce{
  background:var(--ink);color:#fff;text-align:center;
  font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:9px 16px;
}
.announce a{border-bottom:1px solid rgba(255,255,255,.45)}
.topbar{position:sticky;top:0;z-index:40;background:var(--paper);box-shadow:0 1px 0 rgba(22,26,43,.09)}
.topbar__in{display:flex;align-items:center;gap:24px;min-height:70px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.25rem;letter-spacing:-.03em}
.brand svg{width:30px;height:30px;flex:none}
.nav{display:flex;align-items:center;gap:22px;margin:0 auto;font-size:.9375rem;font-weight:600}
.nav a{padding:8px 0;border-bottom:2px solid transparent}
.nav a:hover{border-bottom-color:var(--coral)}
.nav .hot{color:var(--coral)}
.tools{display:flex;align-items:center;gap:14px}
.icon-btn{
  width:40px;height:40px;border:0;background:transparent;border-radius:var(--r-pill);
  display:grid;place-items:center;cursor:pointer;color:var(--ink);
}
.icon-btn:hover{background:var(--mist)}
.icon-btn svg{width:21px;height:21px}
.cart-dot{position:relative}
.cart-dot::after{
  content:"2";position:absolute;top:4px;right:3px;background:var(--coral);color:#fff;
  font-size:.625rem;font-weight:800;width:17px;height:17px;border-radius:var(--r-pill);
  display:grid;place-items:center;
}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:15px 30px;border-radius:var(--r-pill);border:0;cursor:pointer;
  font-weight:800;font-size:1rem;letter-spacing:-.01em;
  background:var(--coral);color:#fff;box-shadow:var(--shadow-sm);
}
.btn:hover{background:var(--coral-dk)}
.btn--ink{background:var(--ink)}
.btn--ink:hover{background:#000}
.btn--white{background:#fff;color:var(--ink)}
.btn--white:hover{background:var(--mist)}
.btn--outline{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn--outline:hover{background:var(--ink);color:#fff}
.btn--sm{padding:11px 22px;font-size:.9375rem}
.btn--block{width:100%}

/* ---------- hero ---------- */
.hero{
  position:relative;overflow:hidden;
  background:linear-gradient(118deg,var(--grape) 0%,var(--cobalt) 58%,#1d4fd8 100%);
  color:#fff;
}
.hero::before{
  content:"";position:absolute;inset:auto -10% -45% -15%;height:70%;
  background:radial-gradient(60% 100% at 50% 0,rgba(255,255,255,.22),transparent 70%);
}
.hero__in{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;padding-top:58px;padding-bottom:64px}
.hero__eyebrow{
  display:inline-block;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);
  padding:7px 16px;border-radius:var(--r-pill);font-weight:700;font-size:.8125rem;
  letter-spacing:.04em;text-transform:uppercase;margin:0 0 18px;
}
.hero__sub{font-size:1.1875rem;max-width:30em;margin:20px 0 28px;color:rgba(255,255,255,.92)}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero__fine{margin:22px 0 0;font-size:.8125rem;color:rgba(255,255,255,.7)}
.hero__art{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
.hero__art figure{margin:0;border-radius:var(--r-tile);overflow:hidden;background:rgba(255,255,255,.1);padding:14px}
.hero__art figure:first-child{transform:translateY(-16px)}
.hero__art figure:last-child{transform:translateY(16px)}

/* ---------- review strip ---------- */
.reviews{background:var(--paper);padding:30px 0 10px}
.reviews__row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rev{
  background:var(--mist);border-radius:var(--r-card);padding:20px 22px;
  display:flex;gap:14px;align-items:flex-start;
}
.rev__ava{
  width:38px;height:38px;flex:none;border-radius:var(--r-pill);display:grid;place-items:center;
  font-weight:800;color:#fff;font-size:.9375rem;
}
.stars{display:flex;gap:2px;margin:0 0 6px}
.stars svg{width:15px;height:15px;color:var(--amber)}
.rev p{margin:0 0 8px;font-size:.9375rem;line-height:1.5}
.rev__who{font-size:.8125rem;color:var(--ink-60);font-weight:600;display:flex;align-items:center;gap:6px}
.rev__who svg{width:14px;height:14px;color:var(--emerald)}
.dots{display:flex;justify-content:center;gap:7px;margin:22px 0 0;padding:0;list-style:none}
.dots button{width:30px;height:4px;border:0;border-radius:var(--r-pill);background:#d9d5cd;cursor:pointer;padding:0}
.dots button[aria-current="true"]{background:var(--coral);width:40px}

/* ---------- section head ---------- */
.sec{padding:66px 0}
.sec--mist{background:var(--mist)}
.sec__head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 26px}
.sec__head p{margin:6px 0 0;color:var(--ink-60);font-size:1rem}
.viewall{font-weight:700;font-size:.9375rem;border-bottom:2px solid var(--coral);padding-bottom:2px;white-space:nowrap}

/* ---------- category tiles ---------- */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tile{
  position:relative;border-radius:var(--r-tile);overflow:hidden;aspect-ratio:3/4;
  display:grid;place-items:end center;padding:0 0 26px;
}
.tile__art{position:absolute;inset:0;display:grid;place-items:center;padding:16%}
.tile__art svg{width:100%;height:auto}
.tile .btn{position:relative;z-index:2}

/* ---------- collection banner ---------- */
.promo{
  border-radius:var(--r-tile);overflow:hidden;position:relative;color:#fff;
  display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;
  padding:46px 46px;
  background:linear-gradient(100deg,#0f172a,#1e3a8a 55%,#2563eb);
}
.promo__art{display:grid;place-items:center}
.promo__art svg{max-width:330px}
.promo h2{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:900;letter-spacing:-.035em;line-height:.95}
.promo p{margin:14px 0 24px;color:rgba(255,255,255,.88)}
.promo__kicker{
  display:inline-block;background:var(--amber);color:var(--ink);font-weight:900;
  font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;
  padding:6px 14px;border-radius:var(--r-pill);margin:0 0 16px;transform:rotate(-2deg);
}

/* ---------- product cards ---------- */
.rail{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{position:relative}
.card__art{
  position:relative;border-radius:var(--r-card);overflow:hidden;aspect-ratio:1;
  display:grid;place-items:center;padding:13%;margin:0 0 14px;
}
.card__art svg{width:100%;height:auto}
.badge{
  position:absolute;top:12px;left:12px;z-index:2;
  background:#fff;color:var(--ink);font-weight:800;font-size:.6875rem;
  letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:var(--r-pill);
  box-shadow:var(--shadow-sm);
}
.badge--free{background:var(--emerald);color:#fff}
.card__name{margin:0 0 2px}
.card__kind{margin:0;font-size:.875rem;color:var(--ink-60)}
.card__price{margin:8px 0 0;font-weight:800;font-size:1rem}
.card__price .was{font-weight:600;color:var(--ink-40);text-decoration:line-through;margin-left:6px;font-size:.875rem}

/* ---------- split tiles ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.split__card{
  border-radius:var(--r-tile);padding:38px;min-height:290px;
  display:flex;flex-direction:column;justify-content:flex-end;gap:16px;position:relative;overflow:hidden;
}
.split__card h3{font-size:1.75rem;font-weight:900;letter-spacing:-.03em;position:relative;z-index:2}
.split__card .btn{align-self:flex-start;position:relative;z-index:2}
.split__art{position:absolute;top:-4%;right:-3%;width:52%;opacity:.95}

/* ---------- designer carousel ---------- */
.makers{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;text-align:center}
.maker__ring{
  aspect-ratio:1;border-radius:var(--r-pill);overflow:hidden;display:grid;place-items:center;
  padding:16%;margin:0 0 12px;
}
.maker h3{font-size:1rem;font-weight:800}
.maker p{margin:2px 0 0;font-size:.8125rem;color:var(--ink-60)}

/* ---------- benefits ---------- */
.perks{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.perk{background:#fff;border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-sm)}
.perk__top{aspect-ratio:16/11;display:grid;place-items:center;padding:9%}
.perk__body{padding:18px 20px 22px}
.perk h3{font-size:1.0625rem;font-weight:800;margin:0 0 6px}
.perk p{margin:0;font-size:.9375rem;color:var(--ink-60);line-height:1.5}

/* ---------- comparison ---------- */
.compare{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-sm);background:#fff}
.compare th,.compare td{padding:17px 20px;text-align:center;font-size:.9375rem;border-bottom:1px solid #ebe7e0}
.compare thead th{font-weight:900;font-size:1.0625rem;color:#fff;border-bottom:0}
.compare thead th:nth-child(1){background:#b9b3c7;text-align:left}
.compare thead th:nth-child(2){background:var(--cobalt)}
.compare thead th:nth-child(3){background:#9aa0ae}
.compare tbody th{text-align:left;font-weight:800;background:#fff}
.compare tbody tr:nth-child(even) th,.compare tbody tr:nth-child(even) td{background:#faf8f5}
.compare td:nth-child(2){background:#eff5ff}
.compare tbody tr:nth-child(even) td:nth-child(2){background:#e6eeff}
.compare .score,.compare .stars{display:flex;gap:2px;justify-content:center;margin:0 0 6px}
.compare .score svg{width:15px;height:15px}
.compare .yes svg{color:var(--amber)}
.compare .no svg{color:#cfcbc4}
.compare small{display:block;color:var(--ink-60);line-height:1.45}
.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}
.footnote{margin:16px 0 0;font-size:.8125rem;color:var(--ink-40);text-align:center}

/* ---------- FAQ ---------- */
.faq{max-width:820px;margin:0 auto}
.faq details{border-bottom:1px solid #e7e3dc}
.faq summary{
  list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;
  font-weight:700;font-size:1.0625rem;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:8px;top:50%;width:10px;height:10px;
  border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);
  transform:translateY(-70%) rotate(45deg);transition:transform .18s ease;
}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq p{margin:0 0 20px;color:var(--ink-60)}

/* ---------- newsletter ---------- */
.signup{background:var(--butter);border-radius:var(--r-tile);padding:48px;text-align:center}
.signup h2{margin:0 0 10px}
.signup p{margin:0 auto 26px;max-width:36em;color:var(--ink-60)}
.signup form{display:flex;gap:10px;max-width:470px;margin:0 auto;flex-wrap:wrap}
.signup input{
  flex:1 1 15rem;min-width:0;padding:15px 20px;border:2px solid var(--ink);
  border-radius:var(--r-pill);font-size:1rem;background:#fff;color:var(--ink);
}
.signup input::placeholder{color:var(--ink-40)}
.signup .said{margin:16px 0 0;font-weight:700;color:var(--emerald)}

/* ---------- footer ---------- */
.foot{background:var(--ink);color:#b9bfd0;padding:58px 0 34px;margin-top:66px}
.foot__in{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}
.foot h3{color:#fff;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-weight:800}
.foot ul{margin:0;padding:0;list-style:none;font-size:.9375rem}
.foot li{margin:0 0 9px}
.foot a:hover{color:#fff}
.foot .brand{color:#fff;margin-bottom:14px}
.foot__note{font-size:.9375rem;max-width:28em;line-height:1.55;margin:0}
.foot__base{
  margin:42px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.8125rem;
}
.pays{display:flex;gap:8px;flex-wrap:wrap}
.pays span{background:rgba(255,255,255,.1);border-radius:6px;padding:4px 9px;font-weight:700;font-size:.6875rem}

/* ---------- product page ---------- */
.crumbs{font-size:.875rem;color:var(--ink-60);padding:18px 0}
.crumbs a:hover{color:var(--ink)}
.pdp{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:start;padding-bottom:20px}
.gallery{display:grid;grid-template-columns:88px 1fr;gap:14px}
.gallery__rail{display:flex;flex-direction:column;gap:10px}
.gallery__rail button{
  border:2px solid transparent;border-radius:14px;overflow:hidden;cursor:pointer;padding:8px;
  aspect-ratio:1;display:grid;place-items:center;
}
.gallery__rail button[aria-current="true"]{border-color:var(--ink)}
.gallery__main{position:relative;border-radius:var(--r-tile);overflow:hidden;aspect-ratio:4/5;display:grid;place-items:center;padding:11%}
.gallery__cap{
  position:absolute;right:14px;bottom:14px;background:rgba(255,255,255,.92);
  border-radius:var(--r-pill);padding:7px 14px;font-size:.75rem;font-weight:700;
}
.pdp__rating{display:flex;align-items:center;gap:8px;margin:8px 0 14px;font-size:.875rem;font-weight:600}
.pdp__rating a{color:var(--ink-60);border-bottom:1px solid var(--ink-40)}
.price{font-size:1.75rem;font-weight:900;letter-spacing:-.03em;margin:0}
.price .was{font-size:1.0625rem;font-weight:600;color:var(--ink-40);text-decoration:line-through;margin-left:10px}
.save{background:var(--blush);color:#a01040;font-weight:800;font-size:.75rem;padding:5px 12px;border-radius:var(--r-pill);margin-left:10px;display:inline-block;vertical-align:4px}
.opts{margin:22px 0 0}
.opts__label{display:flex;justify-content:space-between;font-weight:700;font-size:.9375rem;margin:0 0 10px}
.opts__label a{color:var(--ink-60);border-bottom:1px solid var(--ink-40);font-weight:600}
.chips{display:flex;gap:9px;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.chips button{
  padding:11px 20px;border-radius:var(--r-pill);border:2px solid #ddd8d0;background:#fff;
  font-weight:700;font-size:.9375rem;cursor:pointer;
}
.chips button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.bump{
  display:flex;align-items:center;gap:14px;background:var(--mist);
  border-radius:16px;padding:14px 16px;margin:20px 0 16px;
}
.bump__icon{width:42px;height:42px;flex:none;border-radius:12px;background:var(--sky);display:grid;place-items:center}
.bump__icon svg{width:22px;height:22px;color:var(--cobalt)}
.bump b{display:block;font-size:.9375rem}
.bump small{color:var(--ink-60);font-size:.8125rem}
.switch{
  margin-left:auto;width:48px;height:28px;border-radius:var(--r-pill);border:0;
  background:#cfcbc4;position:relative;cursor:pointer;flex:none;
}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .16s ease}
.switch[aria-pressed="true"]{background:var(--emerald)}
.switch[aria-pressed="true"]::after{transform:translateX(20px)}
.assure{display:grid;gap:11px;margin:20px 0 0;padding:0;list-style:none}
.assure li{display:flex;align-items:center;gap:11px;font-size:.9375rem;font-weight:600}
.assure svg{width:19px;height:19px;color:var(--cobalt);flex:none}
.specgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 10px;margin:26px 0 22px;text-align:center}
.specgrid div{font-size:.8125rem;font-weight:700;line-height:1.3}
.specgrid svg{width:30px;height:30px;margin:0 auto 8px;color:var(--ink)}
.specgrid span{display:block;color:var(--ink-60);font-weight:600;font-size:.75rem}
.acc{border-top:1px solid #e7e3dc}
.acc details{border-bottom:1px solid #e7e3dc}
.acc summary{list-style:none;cursor:pointer;padding:17px 30px 17px 0;position:relative;font-weight:700}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";position:absolute;right:4px;top:15px;font-size:1.3rem;font-weight:700;color:var(--ink-60)}
.acc details[open] summary::after{content:"\2013"}
.acc p,.acc ul{margin:0 0 18px;color:var(--ink-60);font-size:.9375rem}
.acc ul{padding-left:1.1rem}

/* ---------- focus ---------- */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{
  outline:3px solid var(--cobalt);outline-offset:2px;border-radius:6px;
}
.hero a:focus-visible,.hero button:focus-visible,.promo a:focus-visible{outline-color:#fff}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .tiles,.rail,.perks{grid-template-columns:repeat(2,1fr)}
  .makers{grid-template-columns:repeat(3,1fr)}
  .hero__in,.pdp{grid-template-columns:1fr;gap:34px}
  .promo{grid-template-columns:1fr;padding:34px}
  .promo__art{order:-1}
  .foot__in{grid-template-columns:repeat(2,1fr)}
  .nav{display:none}
}
@media (max-width:720px){
  body{font-size:16px}
  .sec{padding:48px 0}
  .hero__in{padding-top:40px;padding-bottom:48px}
  .sticker{-webkit-text-stroke-width:6px;text-shadow:4px 5px 0 var(--amber)}
  .reviews__row,.split,.tiles,.rail,.perks,.foot__in{grid-template-columns:1fr}
  .reviews__row .rev:nth-child(n+2){display:none}
  .makers{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:1fr}
  .gallery__rail{flex-direction:row;overflow-x:auto}
  .gallery__rail button{width:72px;flex:none}
  .signup{padding:32px 20px}
  .compare th,.compare td{padding:13px 10px;font-size:.8125rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}

/* ---------- WooCommerce ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  border:0;border-radius:var(--r-card);background:var(--mist);
  box-shadow:inset 4px 0 0 var(--coral);padding:16px 20px;
}
.woocommerce .price{font-weight:800}
.woocommerce span.onsale{background:var(--coral);border-radius:var(--r-pill)}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,
.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt{
  background:var(--coral);color:#fff;border-radius:var(--r-pill);
  padding:14px 28px;font-weight:800;border:0;
}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,
.woocommerce button.button:hover,.woocommerce a.button.alt:hover{background:var(--coral-dk);color:#fff}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  border:2px solid #ddd8d0;border-radius:14px;padding:12px 14px;
}
.woocommerce-cart table.cart img{border-radius:12px}
.woocommerce .quantity .qty{border:2px solid #ddd8d0;border-radius:var(--r-pill);padding:8px}

/* ---------- MailPoet inside the sign-up panel ----------
   MailPoet forms arrive with their own heading, image and layout. Inside our
   butter panel the heading is already on the page, so strip the form back to
   an email field and a button and restyle both to match. */
.signup .mailpoet_form{background:none!important;padding:0!important;border:0!important;max-width:470px;margin:0 auto}
.signup .mailpoet_form h1,.signup .mailpoet_form h2,.signup .mailpoet_form h3,
.signup .mailpoet_form h4,.signup .mailpoet_form .mailpoet_heading,
.signup .mailpoet_form img,.signup .mailpoet_form figure,
.signup .mailpoet_form .mailpoet_form_image{display:none!important}
.signup .mailpoet_form_form,.signup .mailpoet_form .mailpoet_form_columns{
  display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;
}
.signup .mailpoet_paragraph{margin:0!important;flex:1 1 15rem;min-width:0}
.signup .mailpoet_paragraph:last-of-type{flex:0 0 auto}
.signup .mailpoet_text,.signup .mailpoet_email,.signup .mailpoet_form input[type="email"],
.signup .mailpoet_form input[type="text"]{
  width:100%;padding:15px 20px;border:2px solid var(--ink);border-radius:var(--r-pill);
  font-family:inherit;font-size:1rem;background:#fff;color:var(--ink);box-shadow:none;
}
.signup .mailpoet_form input::placeholder{color:var(--ink-40)}
.signup .mailpoet_submit,.signup .mailpoet_form input[type="submit"]{
  background:var(--ink);color:#fff;border:0;border-radius:var(--r-pill);
  padding:15px 30px;font-family:inherit;font-size:1rem;font-weight:800;cursor:pointer;
}
.signup .mailpoet_submit:hover,.signup .mailpoet_form input[type="submit"]:hover{background:#000}
.signup .mailpoet_message{margin:14px 0 0;font-weight:700}
.signup .mailpoet_validate_success{color:var(--emerald)}
.signup .mailpoet_validate_error{color:var(--ruby)}
.signup .mailpoet_form_loading>span{background:var(--ink)}