/*
Theme Name: Margaritki Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.8.1786367880
Updated: 2026-08-10 16:18:00

*/



/* === PATCH 1 — фірмовий стиль Margaritki (варіант A «Тепла карамель») === */

:root{
  --mg-bg:#FDFAF6;
  --mg-cream:#F6EDE2;
  --mg-caramel:#D98E5F;
  --mg-caramel-dark:#B9713F;
  --mg-mint:#7FBFA8;
  --mg-ink:#3A322C;
  --mg-muted:#8A7D72;
  --mg-line:#EADDCE;
  --mg-radius:22px;
}

body, button, input, select, textarea, .ast-container,
.site-title, .site-title a, h1,h2,h3,h4,h5,h6,
.main-header-menu a, .ast-button, .button{
  font-family:'Nunito','Segoe UI',system-ui,sans-serif !important;
}
body{ background:var(--mg-bg); color:var(--mg-ink); line-height:1.62; }

h1,h2,h3,h4,h5,h6,
.entry-content h1,.entry-content h2,.entry-content h3{ color:var(--mg-ink) !important; font-weight:800; letter-spacing:-.5px; }
.mg-hero h1 em{ color:var(--mg-caramel-dark) !important; }
a{ color:var(--mg-caramel-dark); }
a:hover{ color:var(--mg-caramel); }

/* --- шапка --- */
.site-header, .ast-primary-header-bar, .main-header-bar{
  background:#fff !important;
  border-bottom:1px solid var(--mg-line) !important;
}
.site-title a, .ast-site-title a{
  color:var(--mg-caramel-dark) !important;
  font-weight:800; letter-spacing:-.5px;
}
.main-header-menu a, .ast-header-break-point .main-navigation a{ font-weight:700; color:var(--mg-ink); }
.main-header-menu a:hover{ color:var(--mg-caramel-dark); }

/* --- кнопки --- */
.ast-button, .button, button, input[type="submit"],
.wp-block-button__link,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit{
  background:var(--mg-caramel) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  font-weight:800 !important;
  padding:13px 30px !important;
  line-height:1.3 !important;
  transition:background .2s ease, transform .2s ease;
}
.ast-button:hover, .button:hover, button:hover, input[type="submit"]:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:hover{
  background:var(--mg-caramel-dark) !important; color:#fff !important;
}
.woocommerce button.button.alt, .woocommerce a.button.alt{ background:var(--mg-caramel) !important; }
.woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover{ background:var(--mg-caramel-dark) !important; }

/* --- картки товарів --- */
.woocommerce ul.products li.product{
  background:#fff;
  border:2px solid var(--mg-line);
  border-radius:var(--mg-radius);
  padding:14px 14px 20px;
  transition:border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.woocommerce ul.products li.product:hover{
  border-color:var(--mg-caramel);
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(58,50,44,.08);
}
.woocommerce ul.products li.product img{ border-radius:16px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:15.5px !important; font-weight:700; line-height:1.35; letter-spacing:0;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price{
  color:var(--mg-caramel-dark) !important; font-weight:800;
}
.woocommerce ul.products li.product .price del{ color:var(--mg-muted) !important; font-weight:600; }
.woocommerce span.onsale{
  background:var(--mg-mint) !important;
  border-radius:999px !important;
  font-weight:800; padding:6px 14px; min-height:auto; min-width:auto; line-height:1.4;
}

/* --- повідомлення Woo --- */
.woocommerce-message, .woocommerce-info, .woocommerce-error{
  border-top-color:var(--mg-caramel) !important;
  border-radius:14px; background:var(--mg-cream);
}
.woocommerce-message::before, .woocommerce-info::before{ color:var(--mg-caramel-dark) !important; }

/* --- опис категорії вниз сторінки --- */
.woocommerce .term-description{
  order:99; margin-top:46px; padding-top:26px;
  border-top:1px solid var(--mg-line);
  text-align:left; line-height:1.65; color:var(--mg-ink);
}
.woocommerce .term-description h2, .woocommerce .term-description h3{ letter-spacing:-.4px; }

/* --- підвал --- */
.site-footer, .ast-small-footer, .footer-adv{
  background:#fff !important; border-top:2px solid var(--mg-line); color:var(--mg-muted);
}
.site-footer a{ color:var(--mg-muted); }
.site-footer a:hover{ color:var(--mg-caramel-dark); }

/* --- мобільна версія --- */
@media (max-width:921px){
  .woocommerce ul.products li.product{ padding:10px 10px 16px; border-radius:18px; }
  .ast-button, .button, .woocommerce a.button, .woocommerce button.button{
    padding:12px 22px !important; font-size:14px !important;
  }
}
/* === END PATCH 1 === */


/* === PATCH 2 — головна сторінка (варіант A) === */
.page-id-17 .entry-header, .page-id-17 .entry-title, .home .entry-header, .home .entry-title{ display:none !important; }
.page-id-17 .site-content .ast-container, .home .site-content .ast-container{ max-width:1180px; }
.page-id-17 .entry-content > *, .home .entry-content > *{ margin-top:0; }

/* герой */
.mg-hero{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; padding:34px 0 58px; }
.mg-badge{ display:inline-flex; align-items:center; gap:8px; background:#fff; border:2px solid var(--mg-line);
  color:var(--mg-caramel-dark); font-size:13px; font-weight:800; padding:7px 16px; border-radius:999px; margin-bottom:20px; }
.mg-hero h1{ font-size:47px; line-height:1.12; font-weight:800; letter-spacing:-1px; margin:0 0 18px; }
.mg-hero h1 em{ font-style:normal; color:var(--mg-caramel-dark); }
.mg-hero-txt > p{ font-size:17.5px; color:var(--mg-muted); margin-bottom:30px; max-width:440px; }
.mg-btns{ display:flex; gap:14px; flex-wrap:wrap; }
.mg-btn{ display:inline-block; padding:15px 32px; border-radius:999px; font-weight:800; font-size:15.5px; transition:.2s; text-decoration:none; }
.mg-btn-main{ background:var(--mg-caramel); color:#fff !important; box-shadow:0 8px 20px rgba(217,142,95,.32); }
.mg-btn-main:hover{ background:var(--mg-caramel-dark); }
.mg-btn-ghost{ background:#fff; border:2px solid var(--mg-line); color:var(--mg-ink) !important; }
.mg-btn-ghost:hover{ border-color:var(--mg-caramel); }
.mg-hero-art{ background:linear-gradient(150deg,#F9E9D8,#F1E4D2 55%,#E4EFE9); border-radius:34px;
  aspect-ratio:1/.86; position:relative; overflow:hidden; display:grid; place-items:center; }
.mg-blob{ position:absolute; border-radius:50%; opacity:.55; display:block; }
.mg-b1{ width:190px; height:190px; background:#F3D4B6; top:-40px; right:-30px; }
.mg-b2{ width:130px; height:130px; background:#C9E4D8; bottom:-30px; left:-20px; }
.mg-hero-art > svg{ width:56%; position:relative; z-index:2; stroke:var(--mg-caramel-dark); stroke-width:3.4; }
.mg-note{ position:absolute; bottom:22px; right:22px; background:#fff; border-radius:16px; padding:12px 18px;
  font-size:13px; font-weight:700; box-shadow:0 8px 22px rgba(58,50,44,.10); z-index:3; text-align:center; }
.mg-note b{ display:block; font-size:19px; color:var(--mg-caramel-dark); }

/* секції */
.mg-sec, .mg-trust{ padding:58px 0; }
.mg-head{ text-align:center; margin-bottom:38px; }
.mg-head h2{ font-size:33px; font-weight:800; letter-spacing:-.6px; margin:0 0 9px; }
.mg-head p{ color:var(--mg-muted); font-size:16px; margin:0; }

/* категорії */
.mg-cats{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.mg-cat{ background:#fff; border:2px solid var(--mg-line); border-radius:var(--mg-radius); padding:28px 26px;
  display:flex; gap:18px; align-items:center; transition:.22s; text-decoration:none !important; }
.mg-cat:hover{ border-color:var(--mg-caramel); transform:translateY(-4px); box-shadow:0 14px 30px rgba(58,50,44,.08); }
.mg-cat-ic{ width:62px; height:62px; border-radius:20px; display:grid; place-items:center; flex:0 0 62px; }
.mg-cat-ic svg{ width:32px; height:32px; stroke:var(--mg-caramel-dark); stroke-width:1.8; }
.mg-warm{ background:#FBEADB; } .mg-cool{ background:#E4F0EA; }
.mg-cat-t b{ display:block; font-size:17px; font-weight:800; color:var(--mg-ink); margin-bottom:2px; }
.mg-cat-t i{ font-style:normal; font-size:13.5px; color:var(--mg-muted); }

/* смуга переваг */
.mg-band{ background:var(--mg-cream); margin:0 calc(50% - 50vw); padding:58px calc(50vw - 50%); }
.mg-bens{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; max-width:1180px; margin:0 auto; }
.mg-ben{ text-align:center; }
.mg-ben-ic{ width:58px; height:58px; background:#fff; border-radius:20px; display:grid; place-items:center; margin:0 auto 14px; }
.mg-ben-ic svg{ width:28px; height:28px; stroke:var(--mg-caramel-dark); stroke-width:1.8; }
.mg-ben h4{ font-size:16px; font-weight:800; margin:0 0 5px; }
.mg-ben p{ font-size:13.5px; color:var(--mg-muted); line-height:1.5; margin:0; }

/* довіра */
.mg-trust{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; }
.mg-trust h2{ font-size:33px; font-weight:800; letter-spacing:-.6px; margin:0 0 16px; }
.mg-trust-txt > p{ color:var(--mg-muted); font-size:16px; margin-bottom:24px; }
.mg-tlist{ list-style:none; margin:0; padding:0; display:grid; gap:13px; }
.mg-tlist li{ position:relative; padding-left:36px; font-size:15.5px; font-weight:600; }
.mg-tlist li:before{ content:''; position:absolute; left:0; top:4px; width:24px; height:24px; border-radius:50%;
  background:var(--mg-mint) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12l6 6L20 6'/%3E%3C/svg%3E") center/13px no-repeat; }
.mg-nums{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.mg-num{ background:#fff; border:2px solid var(--mg-line); border-radius:var(--mg-radius); padding:26px 22px; text-align:center; }
.mg-num b{ display:block; font-size:34px; font-weight:800; color:var(--mg-caramel-dark); letter-spacing:-1px; line-height:1.2; }
.mg-num span{ font-size:13.5px; color:var(--mg-muted); font-weight:600; }

/* мобільна версія */
@media (max-width:921px){
  .mg-hero, .mg-trust{ grid-template-columns:1fr; gap:34px; }
  .mg-hero h1{ font-size:33px; }
  .mg-hero{ padding:20px 0 40px; }
  .mg-cats{ grid-template-columns:1fr 1fr; }
  .mg-bens{ grid-template-columns:1fr 1fr; gap:30px; }
  .mg-sec, .mg-trust{ padding:42px 0; }
  .mg-band{ padding:42px calc(50vw - 50%); }
  .mg-head h2, .mg-trust h2{ font-size:26px; }
}
@media (max-width:600px){
  .mg-cats{ grid-template-columns:1fr; }
  .mg-hero h1{ font-size:29px; }
  .mg-num b{ font-size:27px; }
  .mg-note{ bottom:14px; right:14px; padding:10px 14px; }
}
/* === END PATCH 2 === */


/* === PATCH 3 — дрібні виправлення === */
.mg-btn, .mg-cat, .mg-btn:hover, .mg-cat:hover,
.entry-content .mg-btn, .entry-content .mg-cat{ text-decoration:none !important; }
.mg-cat:focus, .mg-btn:focus{ outline:2px solid var(--mg-caramel); outline-offset:3px; }
.mg-hero-txt .mg-badge{ text-decoration:none; }
/* === END PATCH 3 === */


/* === PATCH 4 — виправлення смуги переваг === */
.mg-band{
  background:var(--mg-cream) !important;
  margin:14px 0 !important;
  padding:44px 38px !important;
  border-radius:28px !important;
  width:auto !important;
}
.mg-bens{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:28px !important;
  max-width:none !important;
  margin:0 !important;
}
.mg-ben h4{ font-size:16px; line-height:1.3; }
.mg-ben p{ font-size:13.5px; }
@media (max-width:921px){
  .mg-band{ padding:34px 22px !important; border-radius:22px !important; }
  .mg-bens{ grid-template-columns:1fr 1fr !important; gap:26px !important; }
}
@media (max-width:600px){
  .mg-bens{ grid-template-columns:1fr !important; gap:24px !important; }
}
/* === END PATCH 4 === */