/*
Theme Name: Crazii
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.4
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* === OPEAAA-2 Ref Visual Parity (v3 from board images) === */
.page-id-272 #header,
.page-id-272 #footer,
.page-id-272 .header-newsletter-item,
.page-id-272 .cart-item,
.page-id-272 .header-search,
.page-id-272 .wishlist-icon,
.page-id-272 .account-item,
.page-id-272 .yith-wcwl-add-to-wishlist,
.page-id-272 .woocommerce,
.page-id-272 .widget_shopping_cart,
.page-id-272 .top-bar-nav { display: none !important; }

.page-id-272 #main,
.page-id-272 .page-wrapper { background: #f7f7f7 !important; padding: 0 !important; margin: 0 !important; }
.page-id-272 .entry-content > p { margin: 0 !important; }
.page-id-272 .entry-content br { display: none; }

.page-id-272 .refv3-page { color: #2b2b2b; background: #f7f7f7; font-family: "Lato", "Helvetica Neue", Arial, sans-serif; }
.page-id-272 .refv3-wrap { max-width: 980px; margin: 0 auto; padding: 0 22px; }
.page-id-272 .refv3-center { text-align: center; }

.page-id-272 .refv3-topbar { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(247,247,247,.95); border-bottom: 1px solid rgba(0,0,0,.08); }
.page-id-272 .refv3-topbar-inner { height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.page-id-272 .refv3-logo { font-size: 10px; letter-spacing: .22em; color: #b89a4b; text-transform: uppercase; font-weight: 700; }
.page-id-272 .refv3-nav { display: flex; gap: 18px; }
.page-id-272 .refv3-nav a { color: #6f6f6f; text-decoration: none; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.page-id-272 .refv3-mini-btn { padding: 6px 14px; border-radius: 999px; border: 1px solid #c9a85a; color: #8a6d25; text-decoration: none; font-size: 11px; }

.page-id-272 .refv3-hero { padding: 96px 0 28px; }
.page-id-272 .refv3-kicker { margin: 0; color: #b89a4b; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; }
.page-id-272 .refv3-h1 { margin: 10px 0 16px; font-size: clamp(28px,4.2vw,44px); line-height: 1.08; color: #303030; font-weight: 700; }
.page-id-272 .refv3-hero-image { width: min(100%, 700px); height: clamp(180px,28vw,320px); margin: 0 auto; border-radius: 2px; background: linear-gradient(135deg,#66778d,#3e4c5f); box-shadow: 0 8px 18px rgba(0,0,0,.18); }

.page-id-272 .refv3-intro,
.page-id-272 .refv3-metrics,
.page-id-272 .refv3-benefits,
.page-id-272 .refv3-community,
.page-id-272 .refv3-golden-block,
.page-id-272 .refv3-guarantee,
.page-id-272 .refv3-start,
.page-id-272 .refv3-market { padding: 26px 0; }

.page-id-272 .refv3-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.page-id-272 .refv3-h2 { margin: 0; font-size: 28px; line-height: 1.18; color: #3a3a3a; }
.page-id-272 .refv3-h3 { margin: 0 0 8px; font-size: 18px; color: #3c3c3c; }
.page-id-272 .refv3-copy { margin: 0; color: #8a8a8a; line-height: 1.75; font-size: 14px; }

.page-id-272 .refv3-metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; text-align: center; }
.page-id-272 .refv3-metric-grid strong { display: block; color: #363636; font-size: 20px; }
.page-id-272 .refv3-metric-grid span { color: #979797; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }

.page-id-272 .refv3-card { border-top: 1px solid #ddd; padding-top: 12px; }
.page-id-272 .refv3-card h3 { margin: 0 0 6px; font-size: 16px; color: #454545; }
.page-id-272 .refv3-card p { margin: 0; color: #8b8b8b; font-size: 13px; line-height: 1.7; }

.page-id-272 .refv3-pill-card { background: #fafafa; border: 1px solid #ececec; border-radius: 10px; padding: 16px; text-align: center; }
.page-id-272 .refv3-pill-card p { margin: 0 0 8px; color: #8a8a8a; font-size: 12px; }
.page-id-272 .refv3-pill { display: inline-block; padding: 10px 22px; border-radius: 999px; background: linear-gradient(135deg,#f7d8e7,#f2c7dd); color: #9d6182; text-decoration: none; font-weight: 700; font-size: 12px; }

.page-id-272 .refv3-golden-block .refv3-wrap { background: linear-gradient(135deg,#6f4b00,#c9961d 48%,#f0ce6e); border-radius: 8px; padding: 20px; color: #fff; }
.page-id-272 .refv3-golden-block h3 { margin: 0 0 8px; font-size: 20px; color: #fff; text-align: center; }
.page-id-272 .refv3-golden-features { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; text-align: center; font-size: 12px; margin-bottom: 10px; }
.page-id-272 .refv3-golden-image { height: 130px; border-radius: 8px; background: radial-gradient(circle at 30% 60%,rgba(255,164,43,.9),transparent 34%), radial-gradient(circle at 60% 40%,rgba(255,208,99,.85),transparent 38%), #8a5a00; }

.page-id-272 .refv3-guarantee h3,
.page-id-272 .refv3-start h3,
.page-id-272 .refv3-market h3 { margin: 0 0 10px; font-size: 24px; text-align: center; color: #3d3d3d; }
.page-id-272 .refv3-guarantee ul { list-style: none; margin: 0 auto; padding: 0; max-width: 760px; }
.page-id-272 .refv3-guarantee li { padding: 9px 0; border-bottom: 1px solid #e3e3e3; color: #858585; font-size: 13px; }

.page-id-272 .refv3-orbs { height: 120px; width: min(100%, 720px); margin: 0 auto; border-radius: 999px; background: radial-gradient(circle at 12% 50%,#ffd8f2,transparent 22%), radial-gradient(circle at 33% 60%,#f6d5bc,transparent 24%), radial-gradient(circle at 56% 50%,#e7c89f,transparent 26%), radial-gradient(circle at 78% 46%,#f4dac5,transparent 26%), #f1f1f1; }

.page-id-272 .refv3-tags { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.page-id-272 .refv3-tags span { font-size: 11px; color: #8f8f8f; border: 1px solid #dfdfdf; border-radius: 999px; padding: 6px 10px; }
.page-id-272 .refv3-main-cta { display: inline-block; padding: 10px 24px; border-radius: 999px; background: #cfb164; color: #fff; text-decoration: none; font-weight: 700; font-size: 12px; }

.page-id-272 .refv3-footer { padding: 22px 0 32px; }
.page-id-272 .refv3-footer-inner { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; color: #909090; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }

@media (max-width: 768px) {
  .page-id-272 .refv3-page { padding-top: 62px; }
  .page-id-272 .refv3-nav { display: none; }
  .page-id-272 .refv3-grid-two { grid-template-columns: 1fr; }
  .page-id-272 .refv3-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .page-id-272 .refv3-golden-features { grid-template-columns: 1fr; }
}
@media (max-width: 390px) {
  .page-id-272 .refv3-wrap { padding: 0 14px; }
  .page-id-272 .refv3-h1 { font-size: 30px; }
}
/* === END OPEAAA-2 Ref Visual Parity (v3) === */

/* === OPEAAA-2 Visual Tighten Pass (czsc parity v4) === */
.page-id-272 { --cz-bg:#f7f7f5; --cz-surface:#ffffff; --cz-line:#e8e2d8; --cz-text:#2f2c28; --cz-muted:#7e776f; --cz-gold:#c7a458; --cz-gold-deep:#a9832d; --cz-pink:#f4d3e5; --cz-shadow:0 16px 40px rgba(42,33,20,.08); }
.page-id-272 #main, .page-id-272 .page-wrapper { background: var(--cz-bg) !important; }
.page-id-272 .czsc-page .section-content { max-width: 1120px; margin: 0 auto; }
.page-id-272 .czsc-topbar { position: sticky; top: 0; z-index: 40; backdrop-filter: blur(8px); background: color-mix(in srgb, var(--cz-bg) 92%, #fff 8%); border-bottom: 1px solid var(--cz-line); }
.page-id-272 .czsc-logo { letter-spacing: .24em; text-transform: uppercase; font-size: 11px; font-weight: 700; color: var(--cz-gold-deep); margin: 0; }
.page-id-272 .czsc-nav { display:flex; justify-content:center; gap: 16px; margin:0; }
.page-id-272 .czsc-nav a { color: var(--cz-muted); text-transform: uppercase; letter-spacing: .09em; font-size: 11px; text-decoration: none; transition: color .2s ease; }
.page-id-272 .czsc-nav a:hover { color: var(--cz-gold-deep); }
.page-id-272 .czsc-topbar .button { border-radius: 999px; border-color: var(--cz-gold) !important; color: var(--cz-gold-deep) !important; padding-left: 18px; padding-right: 18px; font-weight: 700; }

.page-id-272 .czsc-hero { position: relative; overflow: hidden; }
.page-id-272 .czsc-hero::before,
.page-id-272 .czsc-hero::after { content:""; position:absolute; border-radius:999px; pointer-events:none; }
.page-id-272 .czsc-hero::before { width: 420px; height: 420px; right: -170px; top: -230px; background: radial-gradient(circle at 35% 35%, rgba(247,214,186,.7), rgba(247,214,186,0)); }
.page-id-272 .czsc-hero::after { width: 300px; height: 300px; left: -120px; bottom: -170px; background: radial-gradient(circle at 40% 40%, rgba(242,218,233,.68), rgba(242,218,233,0)); }
.page-id-272 .czsc-kicker { color: var(--cz-gold-deep); text-transform: uppercase; letter-spacing: .2em; font-size: 12px; margin-bottom: 12px; }
.page-id-272 .czsc-hero h1 { color: var(--cz-text); font-size: clamp(36px,5.2vw,62px); line-height: 1.03; max-width: 900px; margin: 0 auto 14px; text-wrap: balance; }
.page-id-272 .czsc-hero p { color: var(--cz-muted); max-width: 740px; margin: 0 auto; font-size: 17px; line-height: 1.7; }
.page-id-272 .czsc-hero .button.primary { border-radius: 999px; background: linear-gradient(120deg,#d6b66f,#c8a44f); border: 0; box-shadow: 0 10px 20px rgba(130,93,28,.20); font-weight: 700; }
.page-id-272 .czsc-hero .button.is-outline { border-radius: 999px; border: 1px solid #cbbfa6; color: #6f6558; }

.page-id-272 .czsc-proof .col-inner,
.page-id-272 .czsc-program .row:nth-child(2) .col-inner { background: var(--cz-surface); border: 1px solid var(--cz-line); border-radius: 16px; box-shadow: var(--cz-shadow); height: 100%; padding: 28px 22px; position: relative; }
.page-id-272 .czsc-proof .text::before,
.page-id-272 .czsc-program .row:nth-child(2) .text::before { content:""; width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 14px; display:block; background: radial-gradient(circle at 30% 30%, #ffecc8, #d8b46b); box-shadow: inset 0 2px 4px rgba(255,255,255,.45); }
.page-id-272 .czsc-proof h3,
.page-id-272 .czsc-program h3 { font-size: 22px; line-height: 1.25; margin-bottom: 10px; color: #332f2b; }
.page-id-272 .czsc-proof p,
.page-id-272 .czsc-program p { color: var(--cz-muted); line-height: 1.7; }
.page-id-272 .czsc-proof strong { color: var(--cz-gold-deep); font-size: 29px; }
.page-id-272 .czsc-program h2,
.page-id-272 .czsc-market h2,
.page-id-272 .czsc-cta h2 { font-size: clamp(31px,4.4vw,52px); line-height: 1.08; color: var(--cz-text); margin-bottom: 14px; text-wrap: balance; }

.page-id-272 .czsc-market .row:first-child .col-inner:first-child { padding-right: 18px; }
.page-id-272 .czsc-market .button { border-radius: 999px; background: linear-gradient(120deg,#d5b161,#c79e44); border: 0; box-shadow: 0 10px 20px rgba(130,93,28,.2); }
.page-id-272 .czsc-market .img-inner { border: 1px solid #e6dcc8; border-radius: 18px; overflow: hidden; box-shadow: var(--cz-shadow); position: relative; }
.page-id-272 .czsc-market .img-inner::after { content:""; position:absolute; inset:0; background: linear-gradient(160deg, rgba(255,239,212,.14), rgba(232,205,151,.24)); pointer-events:none; }
.page-id-272 .czsc-note { margin-top: 18px; font-size: 14px; color: #6f685e; text-align: center; }

.page-id-272 .czsc-cta { position: relative; }
.page-id-272 .czsc-cta::before { content:""; position:absolute; inset: 16px 0 16px; background: linear-gradient(120deg, rgba(251,244,233,.95), rgba(255,248,241,.95)); border-top: 1px solid var(--cz-line); border-bottom: 1px solid var(--cz-line); z-index: 0; }
.page-id-272 .czsc-cta .section-content { position: relative; z-index: 1; }
.page-id-272 .czsc-consent { font-size: 14px; color: #756f66; margin-top: 14px; }
.page-id-272 .czsc-cf7 { background: #fff; border: 1px solid #eadfcd; border-radius: 18px; padding: 22px 22px 16px; box-shadow: var(--cz-shadow); }
.page-id-272 .czsc-cf7 label { color: #524a42; font-size: 13px; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 9px; display:block; }
.page-id-272 .czsc-cf7 .wpcf7-form-control-wrap { margin-top: 8px; display:block; }
.page-id-272 .czsc-cf7 input[type="text"],
.page-id-272 .czsc-cf7 input[type="email"],
.page-id-272 .czsc-cf7 input[type="tel"] { border: 1px solid #e4d9c8; border-radius: 12px; background:#fffcf6; color:#3c352d; padding: 12px 14px; margin-bottom: 12px; }
.page-id-272 .czsc-cf7 .wpcf7-acceptance { display:block; margin: 8px 0 14px; color:#736a5f; font-size: 13px; }
.page-id-272 .czsc-cf7 .wpcf7-submit { width: 100%; border-radius: 999px; background: linear-gradient(120deg,#d6b76f,#c79f46); border: 0; color:#fff; font-weight: 700; padding: 12px 18px; }

.page-id-272 .czsc-footer { border-top: 1px solid var(--cz-line); }
.page-id-272 .czsc-footer p { margin: 0 0 10px; color: #6f675d; }
.page-id-272 .czsc-footer p strong { color: #38342e; text-transform: uppercase; letter-spacing: .13em; font-size: 13px; }
.page-id-272 .czsc-footer a { color: #877a66; text-decoration: none; }

@media (max-width: 1024px) {
  .page-id-272 .czsc-nav { gap: 10px; }
  .page-id-272 .czsc-hero h1 { font-size: clamp(32px,6.2vw,50px); }
}
@media (max-width: 768px) {
  .page-id-272 .czsc-topbar { position: sticky; }
  .page-id-272 .czsc-topbar .button { font-size: 10px; padding: 8px 12px; }
  .page-id-272 .czsc-hero h1 { font-size: clamp(28px,8.6vw,40px); }
  .page-id-272 .czsc-proof .col-inner,
  .page-id-272 .czsc-program .row:nth-child(2) .col-inner,
  .page-id-272 .czsc-cf7 { padding: 18px 16px; }
}
/* === END OPEAAA-2 Visual Tighten Pass (czsc parity v4) === */


/* === OPEAAA-2 QA Fix Pass (Hero/Chart/CTA/Footer density) === */
.page-id-272 .czsc-hero .row:last-child { margin-top: 18px; }
.page-id-272 .czsc-hero-panel {
  position: relative;
  min-height: 250px;
  border-radius: 22px;
  border: 1px solid #e7dcc8;
  background: linear-gradient(160deg,#fffbf2 8%,#f4e8d4 50%,#ecd8bc 100%);
  box-shadow: 0 18px 40px rgba(71,52,24,.14);
  overflow: hidden;
  padding: 28px 30px;
}
.page-id-272 .czsc-hero-panel__grid {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(126,101,58,.11) 1px, transparent 1px), linear-gradient(90deg, rgba(126,101,58,.11) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.25));
}
.page-id-272 .czsc-hero-panel__curve {
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: 34px;
  height: 120px;
  border-top: 3px solid rgba(176,125,45,.78);
  border-radius: 54% 46% 0 0 / 100% 100% 0 0;
}
.page-id-272 .czsc-hero-panel__chip,
.page-id-272 .czsc-hero-panel__stat,
.page-id-272 .czsc-hero-panel__meta { position: relative; z-index: 2; }
.page-id-272 .czsc-hero-panel__chip {
  display: inline-block;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8f6f35;
  border: 1px solid #d7bf93;
  border-radius: 999px;
  padding: 6px 12px;
  background: rgba(255,255,255,.62);
}
.page-id-272 .czsc-hero-panel__stat {
  margin-top: 22px;
  font-size: clamp(36px,5.6vw,64px);
  line-height: 1;
  color: #2f2a23;
  font-weight: 700;
}
.page-id-272 .czsc-hero-panel__meta {
  margin-top: 8px;
  color: #746759;
  font-size: 14px;
  letter-spacing: .02em;
}

.page-id-272 .czsc-market-panel {
  border: 1px solid #e7dcc8;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(172deg,#fdf9ef,#f3e3c4 64%,#efd7a7);
  box-shadow: 0 16px 34px rgba(76,58,25,.13);
}
.page-id-272 .czsc-market-panel__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 14px 16px 8px;
  border-bottom: 1px solid rgba(168,133,70,.25);
}
.page-id-272 .czsc-market-panel__header span { font-size: 11px; letter-spacing: .09em; text-transform: uppercase; color: #89714a; }
.page-id-272 .czsc-market-panel__header strong { font-size: 12px; letter-spacing: .11em; color: #6f5327; }
.page-id-272 .czsc-market-panel__chart {
  position: relative;
  padding: 12px 12px 4px;
  height: 190px;
}
.page-id-272 .czsc-market-panel__chart svg { width: 100%; height: 100%; }
.page-id-272 .czsc-market-panel__chart path {
  fill: none;
  stroke: #8e6827;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 5px 8px rgba(118,82,22,.18));
}
.page-id-272 .czsc-market-panel__chart .pt {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #bc8d3b;
  border: 2px solid #fff8ea;
}
.page-id-272 .czsc-market-panel__chart .p1 { left: 26px; top: 138px; }
.page-id-272 .czsc-market-panel__chart .p2 { left: 84px; top: 106px; }
.page-id-272 .czsc-market-panel__chart .p3 { left: 144px; top: 80px; }
.page-id-272 .czsc-market-panel__chart .p4 { left: 206px; top: 62px; }
.page-id-272 .czsc-market-panel__chart .p5 { right: 24px; top: 36px; }
.page-id-272 .czsc-market-panel__ticks {
  display: flex;
  justify-content: space-between;
  color: #866d46;
  font-size: 11px;
  letter-spacing: .06em;
  padding: 0 16px 14px;
}

.page-id-272 .czsc-proof .col-inner,
.page-id-272 .czsc-program .row:nth-child(2) .col-inner { padding: 22px 18px; border-radius: 14px; }
.page-id-272 .czsc-proof h3,
.page-id-272 .czsc-program h3 { font-size: clamp(18px,2.2vw,24px); margin-bottom: 8px; }
.page-id-272 .czsc-proof p,
.page-id-272 .czsc-program p { font-size: 14px; line-height: 1.62; }
.page-id-272 .czsc-program .row:first-child p { max-width: 780px; margin: 0 auto; }

.page-id-272 .czsc-footer { border-top: 1px solid #dfd4c1; }
.page-id-272 .czsc-footer-grid { align-items: flex-start; }
.page-id-272 .czsc-foot-brand strong { font-size: 12px !important; letter-spacing: .16em !important; }
.page-id-272 .czsc-foot-heading { margin: 0 0 6px; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: #87785f; }
.page-id-272 .czsc-foot-copy { margin: 0; color: #6f675c; line-height: 1.55; font-size: 13px; }
.page-id-272 .czsc-foot-links { margin: 6px 0 0; font-size: 12px; line-height: 1.6; color: #7f7465; }
.page-id-272 .czsc-foot-links a { color: #7f7465; }

@media (max-width: 768px) {
  .page-id-272 .czsc-hero-panel { min-height: 210px; padding: 20px 18px; }
  .page-id-272 .czsc-market-panel__chart { height: 165px; }
  .page-id-272 .czsc-foot-heading { margin-top: 8px; }
}
/* === END OPEAAA-2 QA Fix Pass === */