/* Groweber — local additions (the page styles are the original ones). */

/* Logo de la barre de navigation : +10 % (130x28 -> 143x30.8). */
.framer-1jkh4mh { width: 143px !important; height: 30.8px !important; }

/* Bouton du plan à 300 $ : lien Stripe retiré, le bouton ne mène nulle part pour l'instant. */
[data-nolink] { cursor: pointer; }

/* Pricing : [plan] [2 cartes Framer Care+ empilées] [plan] sur desktop.
   Tablette/mobile : plan, cartes vertes, plan, empilés.
   La case blanche (avertissement) et la carte "See Work" ont été retirées du HTML
   (copie de "See Work" dans mis-de-cote/see-work-card.html). */
@media (min-width: 1280px) {
  .framer-c9UYQ .framer-v24l8a { flex-direction: row !important; align-items: flex-start !important; }
  .framer-c9UYQ .framer-1bzk0fi,
  .framer-c9UYQ .framer-15varvo { flex: 1 0 0 !important; width: 1px !important; align-self: auto !important; }
  .framer-c9UYQ .framer-15varvo { flex-direction: column !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-self: stretch !important; height: auto !important; }
  /* les deux cartes vertes : même hauteur, et ensemble exactement la hauteur d'une carte plan */
  .framer-c9UYQ .framer-g5pk8o { flex: 1 1 0 !important; height: auto !important; min-height: 0 !important; padding: 24px !important; gap: 16px !important; justify-content: center !important; }
}
@media (min-width: 810px) {
  /* pastille "+$50 USD p/m" : à cheval sur le coin haut droit de la carte verte */
  .framer-c9UYQ .framer-1uxn3vh { top: -18px !important; right: 24px !important; left: auto !important; transform: none !important; }
}
@media (min-width: 810px) and (max-width: 1279.98px) {
  .framer-c9UYQ .framer-15varvo { align-items: stretch !important; }
  .framer-c9UYQ .framer-g5pk8o { flex: 1 0 0 !important; width: 1px !important; }
}
@media (min-width: 1280px), (max-width: 809.98px) {
  .framer-c9UYQ .framer-g5pk8o { width: 100% !important; }
}

/* Pricing desktop : cartes plan un peu moins larges (-6 %), rangée centrée,
   et deux flèches vertes : la 1re carte verte pointe vers le bouton du plan de gauche,
   la 2e vers la liste du plan de droite. */
@media (min-width: 1280px) {
  .framer-c9UYQ .framer-v24l8a { justify-content: center !important; }
  .framer-c9UYQ .framer-1bzk0fi { flex: 0 0 calc((100% - 48px) / 3 * 0.94) !important; }
  .framer-c9UYQ .framer-15varvo { flex: 0 0 calc((100% - 48px) / 3) !important; position: relative; z-index: 2; }
  .framer-c9UYQ .framer-g5pk8o::before {
    content: ""; position: absolute; width: 100px; height: 50px; pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 52'%3E%3Cpath d='M0 26 30 0v14h34v24H30v14z' fill='%23C6FD50'/%3E%3C/svg%3E") no-repeat center / contain;
  }
  .framer-c9UYQ .framer-g5pk8o:not(.gw-care-2)::before { left: -64px; top: 177px; }
  .framer-c9UYQ .framer-g5pk8o.gw-care-2::before { right: -64px; top: 102px; transform: scaleX(-1); }
}

/* Carte "See Work" : replacée sous le tableau comparatif, au-dessus de
   "Ready for a design partner...", pleine largeur. Chaque site est affiché en rectangle
   (aperçu + nom) en permanence, sans survol. */
.framer-c9UYQ .gw-work-wide {
  flex: none !important; align-self: stretch !important; width: 100% !important; height: auto !important;
  flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important;
  gap: 32px !important; padding: 40px !important;
}
.gw-work-block { display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%; align-self: stretch; }
.gw-work-heading { display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%; max-width: 604px; text-align: center; }
.gw-work-heading > div { width: 100%; position: relative !important; }
.framer-c9UYQ .gw-work-wide > div:last-child { width: 100% !important; }
.framer-c9UYQ .gw-work-wide .framer-l62d56 {
  display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px !important;
  width: 100% !important; max-width: 100% !important; overflow: visible !important;
}
.framer-c9UYQ .gw-work-wide .framer-l62d56 > div { width: 100% !important; height: auto !important; }
.framer-c9UYQ .gw-work-wide a[data-framer-name="Variant 1"] {
  display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important;
  width: 100% !important; height: auto !important; padding: 0 !important; border-radius: 12px !important; overflow: hidden !important;
}
.gw-work-thumb {
  display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top;
  transition: transform .4s cubic-bezier(.44,0,.56,1);
}
.framer-c9UYQ .gw-work-wide a[data-framer-name="Variant 1"]:hover .gw-work-thumb { transform: scale(1.04); }
.framer-c9UYQ .gw-work-wide a[data-framer-name="Variant 1"] > .framer-yycl3i {
  width: 100% !important; justify-content: space-between !important; padding: 12px 14px !important; position: relative; z-index: 1;
}
@media (min-width: 810px) and (max-width: 1279.98px) {
  .framer-c9UYQ .gw-work-wide .framer-l62d56 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 809.98px) {
  .framer-c9UYQ .gw-work-wide { gap: 24px !important; padding: 32px 24px !important; }
  .gw-work-block { gap: 24px; }
  .gw-work-heading { gap: 16px; }
  .framer-c9UYQ .gw-work-wide .framer-l62d56 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px !important; }
}

/* Ancre "See Work" (lien "Solution" de la barre, liens "See work" des cartes plan) */
.gw-work-block { scroll-margin-top: 104px; }

/* Footer, icônes Instagram / Facebook : au survol, l'icône passe au vert du site et se soulève. */
.framer-zga77k, .framer-17htcqu { transition: transform .35s cubic-bezier(.34,1.56,.64,1), filter .35s ease !important; }
a:hover > .framer-zga77k, a:hover > .framer-17htcqu { transform: translateY(-4px) scale(1.12) !important; filter: drop-shadow(0 6px 10px rgba(198,253,80,.35)); }
a:hover > .framer-zga77k { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2228%22%20height%3D%2228%22%20rx%3D%228.5%22%20fill%3D%22none%22%20stroke%3D%22%23C6FD50%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%226.3%22%20fill%3D%22none%22%20stroke%3D%22%23C6FD50%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2223.8%22%20cy%3D%228.2%22%20r%3D%221.9%22%20fill%3D%22%23C6FD50%22%2F%3E%3C%2Fsvg%3E") !important; }
a:hover > .framer-17htcqu { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23C6FD50%22%20d%3D%22M2%200h28a2%202%200%200%201%202%202v28a2%202%200%200%201-2%202h-8V19.7h4.1l.6-4.8H22v-3c0-1.4.4-2.3%202.4-2.3H27V5.3c-.4-.1-2-.2-3.8-.2-3.7%200-6.2%202.2-6.2%206.4v3.4h-4.2v4.8H17V32H2a2%202%200%200%201-2-2V2a2%202%200%200%201%202-2z%22%2F%3E%3C%2Fsvg%3E") !important; }

/* "See Work" : grande case "see more" en dernière position de la grille.
   C'est une copie du bouton "Reserve your spot" placé sous "We created Groweber..."
   (même style et même animation au survol), étirée pour remplir la case. */
.framer-c9UYQ .gw-work-wide .gw-see-more { display: flex !important; align-self: stretch; width: 100% !important; height: auto !important; min-height: 120px; }
.framer-c9UYQ .gw-see-more > a {
  flex: 1 1 auto !important; width: 100% !important; height: auto !important;
  justify-content: center !important; align-items: center !important; border-radius: 12px !important;
}
.framer-c9UYQ .gw-see-more .framer-1430pl8 { height: auto !important; }

/* Footer : icône WhatsApp (copie du lien Facebook, même taille et même animation). */
.framer-17htcqu.gw-wa { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%203.5a12.5%2012.5%200%200%200-10.8%2018.8L3.5%2028.5l6.4-1.7A12.5%2012.5%200%201%200%2016%203.5z%22%20fill%3D%22none%22%20stroke%3D%22rgb(250%2C250%2C250)%22%20stroke-width%3D%222.6%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.6%209.8c.4-.4%201-.4%201.3%200l1.6%202.3c.3.4.2.9-.1%201.2l-.9.9c.8%201.7%202.1%203%203.8%203.8l.9-.9c.3-.3.8-.4%201.2-.1l2.3%201.6c.4.3.4.9%200%201.3l-1%201c-.8.8-2%201-3%20.6-3.4-1.4-6-4-7.4-7.4-.4-1-.2-2.2.6-3z%22%20fill%3D%22rgb(250%2C250%2C250)%22%2F%3E%3C%2Fsvg%3E") !important; }
a:hover > .framer-17htcqu.gw-wa { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%203.5a12.5%2012.5%200%200%200-10.8%2018.8L3.5%2028.5l6.4-1.7A12.5%2012.5%200%201%200%2016%203.5z%22%20fill%3D%22none%22%20stroke%3D%22%23C6FD50%22%20stroke-width%3D%222.6%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.6%209.8c.4-.4%201-.4%201.3%200l1.6%202.3c.3.4.2.9-.1%201.2l-.9.9c.8%201.7%202.1%203%203.8%203.8l.9-.9c.3-.3.8-.4%201.2-.1l2.3%201.6c.4.3.4.9%200%201.3l-1%201c-.8.8-2%201-3%20.6-3.4-1.4-6-4-7.4-7.4-.4-1-.2-2.2.6-3z%22%20fill%3D%22%23C6FD50%22%2F%3E%3C%2Fsvg%3E") !important; }

/* Tableau "The Smarter Way to Get Online." : logo au début des noms Groweber / Shopify / YouCan / WordPress
   (sans animation), et étiquettes YouCan / WordPress aux couleurs de leur marque.
   Images : assets/images/favicon.png (Groweber) et icon-<nom>.png. */
.gw-tab-icon { flex: none; display: block; width: 14px; height: 14px; margin: -2.5px 0; background: no-repeat center / contain; }
.gw-tab-groweber  { background-image: url("/assets/images/favicon.png"); border-radius: 50%; }
.gw-tab-shopify   { background-image: url("/assets/images/icon-shopify.png"); }
.gw-tab-youcan    { background-image: url("/assets/images/icon-youcan.png"); }
.gw-tab-wordpress { background-image: url("/assets/images/icon-wordpress.png"); }
[data-framer-name="Tab"]:has(> .gw-tab-youcan)    { background-color: #E1116F !important; }
[data-framer-name="Tab"]:has(> .gw-tab-wordpress) { background-color: #0675C4 !important; }

/* FAQ : toutes les questions en noir (certaines avaient une opacité de 0.8 héritée du site d'origine). */
#faqs [data-framer-name="Question"] { opacity: 1 !important; }

/* FAQ, bloc "More About Us" : logos Instagram / Facebook / WhatsApp (verts) à la place de ChatGPT / Claude / Perplexity. */
.gw-faq-logo > .svgContainer { display: none !important; }
.gw-faq-logo { background: no-repeat center / contain !important; }
.gw-faq-ig { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2228%22%20height%3D%2228%22%20rx%3D%228.5%22%20fill%3D%22none%22%20stroke%3D%22%23C6FD50%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%226.3%22%20fill%3D%22none%22%20stroke%3D%22%23C6FD50%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2223.8%22%20cy%3D%228.2%22%20r%3D%221.9%22%20fill%3D%22%23C6FD50%22%2F%3E%3C%2Fsvg%3E") !important; }
.gw-faq-fb { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23C6FD50%22%20d%3D%22M2%200h28a2%202%200%200%201%202%202v28a2%202%200%200%201-2%202h-8V19.7h4.1l.6-4.8H22v-3c0-1.4.4-2.3%202.4-2.3H27V5.3c-.4-.1-2-.2-3.8-.2-3.7%200-6.2%202.2-6.2%206.4v3.4h-4.2v4.8H17V32H2a2%202%200%200%201-2-2V2a2%202%200%200%201%202-2z%22%2F%3E%3C%2Fsvg%3E") !important; }
.gw-faq-wa { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%203.5a12.5%2012.5%200%200%200-10.8%2018.8L3.5%2028.5l6.4-1.7A12.5%2012.5%200%201%200%2016%203.5z%22%20fill%3D%22none%22%20stroke%3D%22%23C6FD50%22%20stroke-width%3D%222.6%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.6%209.8c.4-.4%201-.4%201.3%200l1.6%202.3c.3.4.2.9-.1%201.2l-.9.9c.8%201.7%202.1%203%203.8%203.8l.9-.9c.3-.3.8-.4%201.2-.1l2.3%201.6c.4.3.4.9%200%201.3l-1%201c-.8.8-2%201-3%20.6-3.4-1.4-6-4-7.4-7.4-.4-1-.2-2.2.6-3z%22%20fill%3D%22%23C6FD50%22%2F%3E%3C%2Fsvg%3E") !important; }

/* Bouton "Submit" du formulaire de contact : la flèche s'incline vers le haut au survol (comme les autres boutons). */
.framer-1bv9ecr { cursor: pointer; }
.framer-1bv9ecr .framer-e8ex7x { overflow: hidden; }
.framer-1bv9ecr:hover .framer-e8ex7x svg { transform: rotate(-45deg); }

/* Footer, colonne Navigation : "How It Works" était coupé (dernière lettre). */
a[data-framer-name="Footer Link"] { width: max-content !important; min-width: max-content !important; }

/* Page "Reserve Your Spot" : menus déroulants personnalisés (pays, plan).
   Le <select> natif reste dans le formulaire (valeur envoyée) mais est masqué. */
.framer-form-input-wrapper:has(> select.gw-select) { position: relative; min-height: 49px; display: flex; align-items: center; }
select.gw-native { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; opacity: 0; pointer-events: none; }
.gw-dd-btn {
  display: flex; align-items: center; gap: 10px; width: 100%; padding: 0; margin: 0; border: 0; background: none;
  font: inherit; font-size: 14px; color: #131311; text-align: left; cursor: pointer;
}
.gw-dd-btn .gw-dd-flag { width: 22px; height: 22px; }
.gw-dd-btn .gw-dd-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gw-dd-btn .gw-dd-code { color: #9aa0aa; font-size: 13px; }
.gw-dd-chev { display: flex; width: 12px; color: #131311; transition: transform .2s ease; }
.gw-dd-chev svg { width: 12px; height: 8px; }
.gw-dd-btn.is-open .gw-dd-chev { transform: rotate(180deg); }
.gw-dd-btn:focus-visible { outline: 2px solid #131311; outline-offset: 6px; border-radius: 6px; }

.gw-dd-panel {
  position: fixed; z-index: 1000; display: flex; flex-direction: column; box-sizing: border-box;
  background: #fff; border: 1px solid #ececec; border-radius: 14px; box-shadow: 0 16px 40px rgba(19,19,17,.14);
  padding: 8px; overflow: hidden; font-family: "Satoshi", "Satoshi Placeholder", sans-serif;
}
.gw-dd-panel[hidden] { display: none; }
.gw-dd-search {
  flex: none; margin: 0 0 6px; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 10px;
  font: inherit; font-size: 15px; color: #131311; outline: none; background: #fafafa;
}
.gw-dd-search:focus { border-color: #131311; background: #fff; }
.gw-dd-list { flex: 1 1 auto; overflow-y: auto; outline: none; scrollbar-width: thin; scrollbar-color: #c9ccd1 transparent; }
.gw-dd-list::-webkit-scrollbar { width: 6px; }
.gw-dd-list::-webkit-scrollbar-thumb { background: #c9ccd1; border-radius: 6px; }
.gw-dd-item {
  display: flex; align-items: center; gap: 14px; padding: 10px 12px; margin: 2px 0;
  border: 1px solid transparent; border-radius: 12px; cursor: pointer; color: #2b2f38; font-size: 17px; font-weight: 500;
}
.gw-dd-item[hidden] { display: none; }
.gw-dd-item.is-active { background: #fafafa; border-color: #e5e7eb; box-shadow: 0 1px 2px rgba(19,19,17,.06); }
.gw-dd-item[aria-selected="true"] .gw-dd-name { font-weight: 700; color: #131311; }
.gw-dd-item .gw-dd-name { flex: 1 1 auto; min-width: 0; }
.gw-dd-item .gw-dd-code { flex: none; color: #9aa0aa; font-size: 15px; font-weight: 500; letter-spacing: .02em; }
.gw-dd-flag { flex: none; width: 30px; height: 30px; border-radius: 50%; object-fit: cover; display: block; }

/* Page "Our Work" (/work) : tous les sites, en plus grand, avec filtres par catégorie.
   Les catégories d'un site se mettent dans l'attribut data-gw-cat de sa case (ex. data-gw-cat="coaching,local"),
   et chaque filtre est un bouton <button class="gw-filter" data-filter="coaching">Coaching</button>. */
.gw-work-page { width: 100%; max-width: 1328px; margin: 0 auto; padding: 180px 64px 120px; box-sizing: border-box; }
.gw-work-block-full { gap: 32px !important; }
.gw-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.gw-filter {
  font-family: "Satoshi", "Satoshi Placeholder", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0;
  text-transform: uppercase; color: #131311; background: transparent; cursor: pointer;
  border: 1.5px solid #131311; border-radius: 10px; padding: 10px 18px; line-height: 1;
  transition: background-color .2s ease, color .2s ease;
}
.gw-filter:hover { background: #131311; color: #fafafa; }
.gw-filter.is-active { background: #C6FD50; color: #131311; }
.framer-c9UYQ .gw-work-full .framer-l62d56 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; }
.framer-c9UYQ .gw-work-full a[data-framer-name="Variant 1"] { border-radius: 16px !important; }
.framer-c9UYQ .gw-work-full a[data-framer-name="Variant 1"] > .framer-yycl3i { padding: 18px 20px !important; }
.framer-c9UYQ .gw-work-full a[data-framer-name="Variant 1"] p { font-size: 15px !important; }
.framer-c9UYQ .gw-work-full .framer-l62d56 > [hidden] { display: none !important; }
.gw-work-empty { grid-column: 1 / -1; text-align: center; color: #b9b9b7; font-family: "Satoshi", sans-serif; font-size: 16px; padding: 40px 0; }
@media (min-width: 810px) and (max-width: 1279.98px) {
  .framer-c9UYQ .gw-work-full .framer-l62d56 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .gw-work-page { padding: 160px 32px 100px; }
}
@media (max-width: 809.98px) {
  .framer-c9UYQ .gw-work-full .framer-l62d56 { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
  .gw-work-page { padding: 140px 16px 80px; }
}

/* Formulaire "Reserve Your Spot" : envoi en cours / message d'erreur */
form.gw-sending { opacity: .6; pointer-events: none; }
.gw-form-error { margin: 4px 0 0; color: #b42318; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 500; }

/* "See Work" : 12e case = emplacement de site à venir ("Coming soon"), et bouton "See more" sous la carte noire. */
.gw-thumb-empty { background: #2A2A27 url("/assets/images/favicon.png") no-repeat center / 44px 44px; opacity: .9; }
.gw-slot a { cursor: default; }
.gw-see-more-wrap { display: flex; justify-content: center; width: 100%; }
.framer-c9UYQ .gw-see-more-wrap .gw-see-more { display: block !important; width: auto !important; min-height: 0 !important; }
.framer-c9UYQ .gw-see-more-wrap .gw-see-more > a { width: auto !important; height: auto !important; border-radius: 10px !important; }

/* "See Work" : la carte noire est un tableau à 2 colonnes (Plan 1 | Plan 2), chacune avec son en-tête
   et ses 6 sites ; le bouton "See more" est la dernière ligne du tableau. */
.gw-plan-table {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: 100%; box-sizing: border-box;
  border: 1px solid rgba(250,250,250,.16); border-radius: 14px; overflow: hidden;
}
.gw-plan-col { display: flex; flex-direction: column; min-width: 0; }
.gw-plan-col + .gw-plan-col { border-left: 1px solid rgba(250,250,250,.16); }
.gw-plan-head {
  padding: 16px 20px; border-bottom: 1px solid rgba(250,250,250,.16); background: rgba(250,250,250,.03);
  color: #C6FD50; text-align: center; font-family: "Satoshi", "Satoshi Placeholder", sans-serif;
  font-size: 18px; font-weight: 900; letter-spacing: -0.01em; line-height: 1.2;
}
.framer-c9UYQ .gw-work-wide .gw-plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; padding: 20px; box-sizing: border-box; }
.gw-plan-foot { grid-column: 1 / -1; display: flex; justify-content: center; padding: 18px 20px; border-top: 1px solid rgba(250,250,250,.16); }
.framer-c9UYQ .gw-plan-foot .gw-see-more { display: block !important; width: 420px !important; max-width: 100%; min-height: 0 !important; }
.framer-c9UYQ .gw-plan-foot .gw-see-more > a { width: 100% !important; height: auto !important; min-height: 52px; border-radius: 10px !important; justify-content: center !important; align-items: center !important; }
@media (max-width: 1279.98px) {
  .gw-plan-head { font-size: 15px; padding: 14px 12px; }
  .framer-c9UYQ .gw-work-wide .gw-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding: 14px; gap: 10px !important; }
}
@media (max-width: 809.98px) {
  .gw-plan-table { grid-template-columns: minmax(0, 1fr); }
  .framer-c9UYQ .gw-plan-foot .gw-see-more { width: 100% !important; }
  .framer-c9UYQ .gw-work-wide .gw-plan-grid { padding: 12px; }
  .gw-plan-col + .gw-plan-col { border-left: 0; border-top: 1px solid rgba(250,250,250,.16); }
}

/* le tableau occupe toute la carte noire (plus de marge ni de cadre intérieur) */
.framer-c9UYQ .gw-work-wide:has(.gw-plan-table) { padding: 0 !important; overflow: hidden !important; }
.framer-c9UYQ .gw-work-wide:has(.gw-plan-table) > div { width: 100% !important; }
.gw-plan-table { border: 0; border-radius: 0; }
/* en-têtes du tableau : même police que "Live sites built by us, for people like you." (Satoshi 700, 20px), en gris */
.gw-plan-head { color: #B9B9B7 !important; font-size: 20px !important; font-weight: 700 !important; line-height: 24px !important; letter-spacing: normal !important; }
@media (max-width: 1279.98px) { .gw-plan-head { font-size: 17px !important; line-height: 21px !important; } }
/* la ligne du bas du tableau EST le bouton "See more" : toute la largeur, sans marge */
.gw-plan-foot { padding: 0 !important; border-top: 0 !important; }
.framer-c9UYQ .gw-plan-foot .gw-see-more { width: 100% !important; max-width: none !important; }
.framer-c9UYQ .gw-plan-foot .gw-see-more > a {
  width: 100% !important; min-height: 48px !important; padding-top: 6px !important; padding-bottom: 6px !important; border-radius: 0 !important;
  --border-top-width: 0px !important; --border-bottom-width: 0px !important; --border-left-width: 0px !important; --border-right-width: 0px !important;
  border: 0 !important; box-shadow: none !important;
}
/* bas du tableau : 2 boutons "See more" (un sous chaque plan), gris, verts au survol */
.gw-plan-foot { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.gw-plan-foot .gw-see-more + .gw-see-more { border-left: 1px solid rgba(19,19,17,.25); }
.framer-c9UYQ .gw-plan-foot .gw-see-more > a { background-color: #B9B9B7 !important; transition: background-color .2s ease; }
.framer-c9UYQ .gw-plan-foot .gw-see-more > a:hover { background-color: #C6FD50 !important; }
@media (max-width: 809.98px) {
  .gw-plan-foot { grid-template-columns: minmax(0, 1fr); }
  .gw-plan-foot .gw-see-more + .gw-see-more { border-left: 0; border-top: 1px solid rgba(19,19,17,.25); }
}
/* boutons "See more" du tableau : couleur de la carte noire au repos (texte gris clair), verts au survol */
.gw-plan-foot { border-top: 1px solid rgba(250,250,250,.16) !important; }
.gw-plan-foot .gw-see-more + .gw-see-more { border-left: 1px solid rgba(250,250,250,.16) !important; }
.framer-c9UYQ .gw-plan-foot .gw-see-more > a { background-color: #2A2A27 !important; }
.framer-c9UYQ .gw-plan-foot .gw-see-more > a p { color: #B9B9B7 !important; transition: color .2s ease; }
.framer-c9UYQ .gw-plan-foot .gw-see-more > a:hover { background-color: #C6FD50 !important; }
.framer-c9UYQ .gw-plan-foot .gw-see-more > a:hover p { color: #131311 !important; }
@media (max-width: 809.98px) {
  .gw-plan-foot .gw-see-more + .gw-see-more { border-left: 0 !important; border-top: 1px solid rgba(250,250,250,.16) !important; }
}
/* pas de trait au-dessus des 2 boutons ; carré de la flèche de la couleur de la carte (noir au survol, sur le vert) */
.gw-plan-foot { border-top: 0 !important; }
.framer-c9UYQ .gw-plan-foot .gw-see-more > a .framer-1jitlnl { background-color: #2A2A27 !important; }
.framer-c9UYQ .gw-plan-foot .gw-see-more > a:hover .framer-1jitlnl { background-color: #131311 !important; }
/* moins d'espace entre la dernière ligne de sites et les boutons "See more" */
.framer-c9UYQ .gw-work-wide .gw-plan-grid { padding-bottom: 4px !important; }
/* survol d'un bouton "See more" : toute la colonne du plan au-dessus (en-tête compris) devient verte */
.gw-plan-col, .gw-plan-head { transition: background-color .2s ease, color .2s ease; }
.gw-plan-table:has(.gw-plan-foot .gw-see-more:not(.gw-see-more-2) > a:hover) .gw-plan-col:nth-child(1),
.gw-plan-table:has(.gw-plan-foot .gw-see-more-2 > a:hover) .gw-plan-col:nth-child(2) { background-color: #C6FD50; }
.gw-plan-table:has(.gw-plan-foot .gw-see-more:not(.gw-see-more-2) > a:hover) .gw-plan-col:nth-child(1) .gw-plan-head,
.gw-plan-table:has(.gw-plan-foot .gw-see-more-2 > a:hover) .gw-plan-col:nth-child(2) .gw-plan-head {
  background-color: transparent; color: #131311 !important; border-bottom-color: rgba(19,19,17,.2);
}
/* survol d'un bouton "See more" : l'en-tête devient vert aussi (texte noir) et la ligne sous l'en-tête disparaît */
.gw-plan-head { background-color: #30302D; }
.gw-plan-table:has(.gw-plan-foot .gw-see-more:not(.gw-see-more-2) > a:hover) .gw-plan-col:nth-child(1) .gw-plan-head,
.gw-plan-table:has(.gw-plan-foot .gw-see-more-2 > a:hover) .gw-plan-col:nth-child(2) .gw-plan-head {
  background-color: #C6FD50 !important; color: #131311 !important; border-bottom-color: transparent !important;
}
/* en-têtes du tableau : plus de ligne dessous (jamais), fond = couleur de la carte noire */
.gw-plan-head { border-bottom: 0 !important; background-color: #2A2A27 !important; }
.gw-plan-table:has(.gw-plan-foot .gw-see-more:not(.gw-see-more-2) > a:hover) .gw-plan-col:nth-child(1) .gw-plan-head,
.gw-plan-table:has(.gw-plan-foot .gw-see-more-2 > a:hover) .gw-plan-col:nth-child(2) .gw-plan-head { background-color: #C6FD50 !important; }

/* "See Work" : la carte noire est divisée en 2 cartes (Plan 1 | Plan 2) séparées par un espace.
   Chaque carte = en-tête + 6 sites + son bouton "See more". */
.framer-c9UYQ .gw-work-wide:has(.gw-plan-table) { background: transparent !important; border-radius: 0 !important; overflow: visible !important; }
.gw-plan-table { column-gap: 24px; row-gap: 0; overflow: visible !important; }
.gw-plan-foot { display: contents !important; }
.gw-plan-col { background-color: #2A2A27; border-radius: 16px 16px 0 0; overflow: hidden; }
.gw-plan-col + .gw-plan-col { border-left: 0 !important; border-top: 0 !important; }
.gw-plan-foot .gw-see-more + .gw-see-more { border-left: 0 !important; border-top: 0 !important; }
.framer-c9UYQ .gw-plan-foot .gw-see-more { overflow: hidden; border-radius: 0 0 16px 16px; }
.gw-plan-head { border-radius: 16px 16px 0 0; }
@media (max-width: 809.98px) {
  .gw-plan-table { row-gap: 0; }
  .gw-plan-col:nth-child(1) { order: 1; }
  .gw-plan-foot .gw-see-more:not(.gw-see-more-2) { order: 2; }
  .gw-plan-col:nth-child(2) { order: 3; margin-top: 16px; }
  .gw-plan-foot .gw-see-more-2 { order: 4; }
}
/* en-têtes "What you get with $300 · Plan X" en blanc (noir quand la colonne devient verte au survol) */
.gw-plan-head { color: #FAFAFA !important; }
.gw-plan-table:has(.gw-plan-foot .gw-see-more:not(.gw-see-more-2) > a:hover) .gw-plan-col:nth-child(1) .gw-plan-head,
.gw-plan-table:has(.gw-plan-foot .gw-see-more-2 > a:hover) .gw-plan-col:nth-child(2) .gw-plan-head { color: #131311 !important; }
/* texte "SEE MORE" des 2 boutons en blanc au repos (noir au survol, sur le vert) */
.framer-c9UYQ .gw-plan-foot .gw-see-more > a p { color: #FAFAFA !important; }
.framer-c9UYQ .gw-plan-foot .gw-see-more > a:hover p { color: #131311 !important; }


/* Articles (Resources) : la ligne "Groweber | date" centrée — l'auteur d'origine a été retiré,
   on masque sa case vide et le séparateur qui la suivait. */
[data-framer-name="Details"] > [data-framer-name="Author"]:empty,
[data-framer-name="Details"] > [data-framer-name="Author"]:empty + [data-framer-name="Separator"] { display: none !important; }
[data-framer-name="Details"] { justify-content: center !important; }

/* Badge "Officially in Morocco" : drapeau du Maroc rond à la place du logo Framer (même hauteur, 16 px) */
.gw-flag-ma { width: 14.4px !important; height: 14.4px !important; }
/* rendu net du drapeau (le conteneur d'origine forçait un rendu pixelisé) */
.gw-flag-ma, .gw-flag-ma img { image-rendering: auto !important; }
.gw-flag-ma img { -webkit-backface-visibility: hidden; transform: translateZ(0); }
/* fin cercle rouge (rouge du drapeau, #D80027) autour du drapeau pour un contour net */
.gw-flag-ma img { border-radius: 50%; box-shadow: 0 0 0 1.5px #D80027; }