/* =========================================================
   FŰSZERKINCSEK HÁZA — design system
   Style: Cartographic travel journal (contour lines, dotted
   routes, compass & postage-stamp motifs) in warm spice tones.
   ========================================================= */

:root{
  --vanilla-brown:#754735;
  --saffron-gold:#D7A34F;
  --warm-cream:#FAF0DF;
  --herbal-green:#52674D;
  --terracotta:#A64F3D;
  --dark-cocoa:#302924;
  --white:#FFFFFF;

  --ink:var(--dark-cocoa);
  --bg:var(--warm-cream);
  --line:color-mix(in srgb, var(--vanilla-brown) 35%, transparent);

  --font-display:"Playfair Display","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --font-body:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;

  --radius:18px;
  --maxw:1240px;
  --measure:68ch;
}

@font-face{font-family:"Playfair Display";src:local("Playfair Display");}
@font-face{font-family:"Inter";src:local("Inter");}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{overflow-x:clip;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;}
h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 .5em;line-height:1.15;font-weight:700;}
p{margin:0 0 1em;}
.container{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem);}
:focus-visible{outline:3px solid var(--terracotta);outline-offset:3px;border-radius:4px;}

/* -------- utilities -------- */
.section{padding-block:clamp(3rem,8vw,6rem);position:relative;}
.section-tight{padding-block:clamp(2rem,5vw,3.5rem);}
.flow > * + *{margin-top:1rem;}
.grid{display:grid;gap:clamp(1rem,3vw,2rem);}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
.center{text-align:center;}
.eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-family:var(--font-body);font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;font-size:.72rem;color:var(--terracotta);
}
.eyebrow svg{width:1em;height:1em;}
.text-balance{text-wrap:balance;}

/* -------- buttons -------- */
.btn{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.85rem 1.7rem;border-radius:999px;
  font-family:var(--font-body);font-weight:600;font-size:.95rem;
  text-decoration:none;border:2px solid var(--vanilla-brown);
  cursor:pointer;background:transparent;color:var(--vanilla-brown);
  transition:color .35s ease,border-color .35s ease,transform .2s ease;
  min-height:44px;
}
.btn::before{
  content:"";position:absolute;inset:0;left:-100%;width:100%;z-index:-1;
  background:var(--vanilla-brown);transition:left .35s ease;
}
.btn:hover::before,.btn:focus-visible::before{left:0;}
.btn:hover,.btn:focus-visible{color:var(--white);}
.btn:active{transform:scale(.97);}
.btn-primary{background:var(--vanilla-brown);color:var(--white);}
.btn-primary::before{background:var(--terracotta);}
.btn-primary:hover{color:var(--white);}
.btn-ghost{border-color:var(--white);color:var(--white);}
.btn-ghost::before{background:var(--white);}
.btn-ghost:hover{color:var(--vanilla-brown);}
.btn-sm{padding:.55rem 1.1rem;font-size:.85rem;}
.btn[disabled]{opacity:.5;cursor:not-allowed;}
.btn-icon{padding:.6rem;border-radius:50%;}

/* -------- header -------- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:color-mix(in srgb,var(--warm-cream) 92%,transparent);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.8rem;}
.logo-mark{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--vanilla-brown);}
.logo-mark svg{width:42px;height:42px;flex:none;}
.logo-text{display:flex;flex-direction:column;line-height:1.1;}
.logo-text strong{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.02em;}
.logo-text span{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--herbal-green);}
.main-nav{display:flex;align-items:center;gap:1.6rem;}
.main-nav a{
  text-decoration:none;font-weight:600;font-size:.92rem;color:var(--ink);
  position:relative;padding-block:.3rem;
}
.main-nav a::after{
  content:"";position:absolute;left:0;bottom:0;height:2px;width:0;
  background:var(--terracotta);transition:width .3s ease;
}
.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{width:100%;}
.main-nav a[aria-current="page"]{color:var(--terracotta);}
.header-actions{display:flex;align-items:center;gap:.8rem;}
.cart-link{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--ink);font-weight:600;}
.cart-link svg{width:24px;height:24px;}
.cart-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;border-radius:999px;background:var(--terracotta);
  color:var(--white);font-size:.72rem;padding:0 5px;transition:transform .3s ease;
}
.cart-count.bump{animation:bump .4s ease;}
@keyframes bump{0%{transform:scale(1);}40%{transform:scale(1.4);}100%{transform:scale(1);}}
.nav-toggle{
  display:none;width:44px;height:44px;border:none;background:none;cursor:pointer;
  flex-direction:column;justify-content:center;gap:5px;
}
.nav-toggle span{display:block;height:2px;width:26px;background:var(--vanilla-brown);transition:transform .3s ease,opacity .3s ease;}

@media (max-width:860px){
  .main-nav{
    position:fixed;inset:0 0 0 auto;width:min(82vw,340px);
    background:var(--warm-cream);flex-direction:column;align-items:flex-start;
    padding:5.5rem 1.6rem 2rem;gap:1.2rem;
    transform:translateX(100%);visibility:hidden;
    transition:transform .35s ease,visibility .35s ease;
    box-shadow:-10px 0 30px rgba(0,0,0,.15);
  }
  .main-nav.open{transform:translateX(0);visibility:visible;}
  .nav-toggle{display:flex;}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
}

/* -------- hero -------- */
.hero{position:relative;padding-block:clamp(3rem,9vw,7rem);overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center;}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr;}}
.hero h1{font-size:clamp(2.4rem,6vw,4.4rem);color:var(--vanilla-brown);}
.hero-lead{font-size:1.15rem;max-width:42ch;}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.6rem;}
.hero-visual{position:relative;aspect-ratio:1/1;max-width:560px;margin-inline:auto;}
.hero-circle{
  position:absolute;inset:0;border-radius:50%;overflow:hidden;
  border:2px dashed var(--saffron-gold);
}
.hero-circle img{width:100%;height:100%;object-fit:cover;filter:sepia(.15) saturate(1.1);}
.hero-compass{position:absolute;inset:0;pointer-events:none;}
.hero-badge{
  position:absolute;bottom:-10px;left:-10px;width:118px;height:118px;
  background:var(--white);border-radius:50%;display:grid;place-items:center;
  box-shadow:0 10px 24px rgba(48,41,36,.18);
}
.hero-badge svg{width:84px;height:84px;}

/* -------- page hero (inner pages) -------- */
.page-hero{
  padding-block:clamp(2.6rem,6vw,4.5rem);
  background:linear-gradient(180deg,var(--vanilla-brown),color-mix(in srgb,var(--vanilla-brown) 80%,var(--dark-cocoa)));
  color:var(--white);position:relative;overflow:hidden;
}
.page-hero h1{color:var(--white);font-size:clamp(2rem,4.5vw,3.1rem);}
.page-hero p{color:color-mix(in srgb,var(--white) 85%,transparent);max-width:60ch;}
.page-hero .container{position:relative;z-index:1;}

/* -------- breadcrumbs -------- */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.85rem;color:color-mix(in srgb,var(--white) 80%,transparent);}
.breadcrumbs a{text-decoration:none;color:inherit;}
.breadcrumbs a:hover{text-decoration:underline;}
.breadcrumbs .sep{opacity:.6;}

/* -------- category / feature cards -------- */
.card{
  background:var(--white);border-radius:var(--radius);overflow:hidden;
  box-shadow:0 2px 14px rgba(48,41,36,.07);
  transition:transform .35s ease,box-shadow .35s ease;
}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 32px rgba(48,41,36,.16);}
.card-media{aspect-ratio:4/3;overflow:hidden;}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.card:hover .card-media img{transform:scale(1.07);}
.card-body{padding:1.2rem 1.3rem 1.4rem;}
.card-body h3{font-size:1.1rem;margin-bottom:.3rem;}
.card-tag{font-size:.78rem;color:var(--herbal-green);font-weight:600;text-transform:uppercase;letter-spacing:.06em;}

/* -------- product card -------- */
.product-card{position:relative;}
.product-card .price{font-weight:700;color:var(--terracotta);font-family:var(--font-display);font-size:1.15rem;}
.product-card .unit{font-size:.8rem;color:color-mix(in srgb,var(--ink) 65%,transparent);}
.product-card .status{
  position:absolute;top:.7rem;left:.7rem;z-index:2;
  font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding:.25rem .6rem;border-radius:999px;background:var(--saffron-gold);color:var(--dark-cocoa);
}

/* -------- strip / scroll-snap -------- */
.strip{
  display:flex;gap:1.2rem;overflow-x:auto;padding-bottom:.5rem;
  scroll-snap-type:x mandatory;
}
.strip > *{flex:0 0 min(78vw,300px);scroll-snap-align:start;}
.strip::-webkit-scrollbar{height:6px;}
.strip::-webkit-scrollbar-thumb{background:var(--saffron-gold);border-radius:999px;}

/* -------- product detail -------- */
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:start;}
@media (max-width:820px){.product-detail{grid-template-columns:1fr;}}
.product-gallery-main{border-radius:var(--radius);overflow:hidden;aspect-ratio:1/1;}
.product-gallery-main img{width:100%;height:100%;object-fit:cover;}
.product-gallery-thumbs{display:flex;gap:.6rem;margin-top:.8rem;}
.product-gallery-thumbs button{
  width:64px;height:64px;border-radius:10px;overflow:hidden;border:2px solid transparent;
  padding:0;cursor:pointer;background:none;
}
.product-gallery-thumbs button.active{border-color:var(--terracotta);}
.product-gallery-thumbs img{width:100%;height:100%;object-fit:cover;}
.product-info .price{font-size:1.8rem;font-family:var(--font-display);color:var(--terracotta);}
.product-meta-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.92rem;}
.product-meta-list li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed var(--line);padding-bottom:.4rem;}
.qty-control{display:inline-flex;align-items:center;border:1.5px solid var(--vanilla-brown);border-radius:999px;overflow:hidden;}
.qty-control button{width:40px;height:40px;border:none;background:none;cursor:pointer;font-size:1.1rem;color:var(--vanilla-brown);}
.qty-control input{width:46px;border:none;text-align:center;font-size:1rem;background:none;color:var(--ink);}
.related-products{margin-top:3rem;}

/* -------- cart / checkout -------- */
.cart-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;}
.cart-table th,.cart-table td{text-align:left;padding:.8rem .6rem;border-bottom:1px solid var(--line);vertical-align:middle;}
.cart-table img{width:56px;height:56px;object-fit:cover;border-radius:8px;}
.cart-row-product{display:flex;align-items:center;gap:.8rem;}
.cart-summary{
  background:var(--white);border-radius:var(--radius);padding:1.4rem 1.5rem;
  max-width:420px;margin-left:auto;box-shadow:0 2px 14px rgba(48,41,36,.07);
}
.cart-summary-row{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.95rem;}
.cart-summary-row.total{font-weight:700;font-size:1.15rem;border-top:1px dashed var(--line);margin-top:.5rem;padding-top:.8rem;}
.cart-empty{text-align:center;padding:3rem 1rem;}
.checkout-steps{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2rem;font-size:.85rem;font-weight:600;color:var(--herbal-green);}

/* -------- forms -------- */
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem;}
.field{display:flex;flex-direction:column;gap:.4rem;}
.field.full{grid-column:1/-1;}
.field label{font-size:.85rem;font-weight:600;}
.field input,.field select,.field textarea{
  font-family:var(--font-body);font-size:.95rem;padding:.75rem .9rem;
  border:1.5px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);
  accent-color:var(--terracotta);min-height:44px;
}
.field textarea{min-height:120px;resize:vertical;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--terracotta);}
.field-error{color:var(--terracotta);font-size:.8rem;min-height:1.1em;}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:var(--terracotta);}
.checkbox-field{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;}
.checkbox-field input{width:auto;min-height:auto;}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form-note{font-size:.8rem;color:color-mix(in srgb,var(--ink) 65%,transparent);}

/* -------- notice -------- */
.notice{
  border-radius:12px;padding:1rem 1.2rem;font-size:.9rem;
  border:1.5px solid var(--line);background:var(--white);
}
.notice.success{border-color:var(--herbal-green);background:color-mix(in srgb,var(--herbal-green) 10%,var(--white));}
.notice.error{border-color:var(--terracotta);background:color-mix(in srgb,var(--terracotta) 10%,var(--white));}
.notice.info{border-color:var(--saffron-gold);background:color-mix(in srgb,var(--saffron-gold) 12%,var(--white));}

/* -------- contact layout -------- */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:start;}
@media (max-width:820px){.contact-layout{grid-template-columns:1fr;}}
.contact-info{display:grid;gap:1rem;}
.contact-info-item{display:flex;gap:.8rem;align-items:flex-start;}
.contact-info-item svg{width:24px;height:24px;flex:none;color:var(--terracotta);}

/* -------- legal pages -------- */
.prose{max-width:var(--measure);}
.prose h2{margin-top:2em;font-size:1.4rem;color:var(--vanilla-brown);}
.prose h3{margin-top:1.4em;font-size:1.1rem;}
.prose ul,.prose ol{padding-left:1.3rem;}
.prose li{margin-bottom:.4rem;}
.legal-toc{
  background:var(--white);border-radius:var(--radius);padding:1.2rem 1.4rem;
  margin-bottom:2rem;font-size:.92rem;
}
.legal-toc ol{margin:0;padding-left:1.2rem;}
.legal-toc a{text-decoration:none;color:var(--herbal-green);}
.legal-toc a:hover{text-decoration:underline;}

/* -------- faq -------- */
.faq{display:grid;gap:.8rem;max-width:var(--measure);}
.faq-item{background:var(--white);border-radius:12px;padding:.2rem 1.2rem;border:1px solid var(--line);}
.faq-item summary{
  cursor:pointer;font-weight:600;padding:1rem 0;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";font-size:1.3rem;color:var(--terracotta);transition:transform .3s ease;}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item p{padding-bottom:1rem;color:color-mix(in srgb,var(--ink) 85%,transparent);}

/* -------- compass feature -------- */
.compass-feature{background:var(--dark-cocoa);color:var(--white);border-radius:28px;padding:clamp(2rem,5vw,3.5rem);position:relative;overflow:hidden;}
.compass-feature h2{color:var(--saffron-gold);}
.compass-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:center;}
@media (max-width:860px){.compass-wrap{grid-template-columns:1fr;}}
.compass-dial{position:relative;aspect-ratio:1/1;max-width:340px;margin-inline:auto;}
.compass-dial svg{width:100%;height:100%;}
.compass-needle{transform-origin:100px 100px;transition:transform .8s cubic-bezier(.22,1,.36,1);}
.compass-choices{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;}
.compass-choices button{
  border:1.5px solid color-mix(in srgb,var(--white) 40%,transparent);
  background:transparent;color:var(--white);border-radius:999px;padding:.55rem 1.1rem;
  cursor:pointer;font-size:.85rem;font-weight:600;transition:background .25s ease,border-color .25s ease;
  min-height:44px;
}
.compass-choices button:hover,.compass-choices button[aria-pressed="true"]{background:var(--saffron-gold);color:var(--dark-cocoa);border-color:var(--saffron-gold);}
.compass-result{margin-top:1.2rem;min-height:3.5em;}
.compass-result strong{color:var(--saffron-gold);}

/* -------- dividers / decorative -------- */
.divider{width:100%;height:auto;display:block;color:var(--saffron-gold);}
.contour-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.5;pointer-events:none;}
.stamp{position:absolute;width:86px;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15));}

/* -------- newsletter -------- */
.newsletter{
  background:var(--herbal-green);color:var(--white);border-radius:var(--radius);
  padding:clamp(1.8rem,4vw,3rem);display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;
}
.newsletter h3{color:var(--white);margin-bottom:.2rem;}
.newsletter form{display:flex;gap:.6rem;flex-wrap:wrap;flex:1;max-width:420px;}
.newsletter input[type="email"]{flex:1;min-width:180px;border-radius:999px;border:none;padding:.8rem 1.1rem;min-height:44px;}

/* -------- footer -------- */
.site-footer{background:var(--dark-cocoa);color:color-mix(in srgb,var(--white) 88%,transparent);padding-block:3rem 1.5rem;margin-top:4rem;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;}
.footer-grid h4{color:var(--saffron-gold);font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;}
.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;font-size:.9rem;}
.footer-grid a{text-decoration:none;color:inherit;opacity:.85;}
.footer-grid a:hover{opacity:1;text-decoration:underline;}
.footer-bottom{
  max-width:var(--maxw);margin:2.5rem auto 0;padding-inline:clamp(1rem,4vw,2.5rem);
  border-top:1px solid color-mix(in srgb,var(--white) 15%,transparent);
  padding-top:1.5rem;font-size:.8rem;opacity:.7;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;
}

/* -------- cookie banner -------- */
.cookie-banner{
  position:fixed;inset:auto 1rem 1rem 1rem;z-index:100;max-width:560px;margin-inline:auto;
  background:var(--dark-cocoa);color:var(--white);border-radius:16px;padding:1.3rem 1.5rem;
  box-shadow:0 10px 30px rgba(0,0,0,.3);
  transform:translateY(120%);transition:transform .4s ease;
}
.cookie-banner.visible{transform:translateY(0);}
.cookie-banner p{font-size:.88rem;margin-bottom:1rem;color:color-mix(in srgb,var(--white) 90%,transparent);}
.cookie-actions{display:flex;gap:.7rem;flex-wrap:wrap;}
.cookie-actions .btn-ghost{border-color:color-mix(in srgb,var(--white) 60%,transparent);color:var(--white);}

/* -------- reveal animation -------- */
.reveal{opacity:1;transform:none;}
.reveal.js-hidden{opacity:0;transform:translateY(24px);}
.reveal.in-view{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease;}
@media (prefers-reduced-motion:reduce){
  .reveal.js-hidden{opacity:1;transform:none;}
  *{animation:none !important;transition:none !important;}
}

/* -------- grain overlay -------- */
.grain-overlay{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;opacity:.05;z-index:999;mix-blend-mode:multiply;}

@media (max-width:480px){
  .hero-badge{width:84px;height:84px;}
  .hero-badge svg{width:60px;height:60px;}
}

/* =========================================================
   COMPONENTS: .class - what it is
   .container - centered max-width content wrapper
   .section / .section-tight - vertical page rhythm padding
   .page-hero - inner-page top banner with breadcrumbs
   .breadcrumbs - small link trail inside page-hero
   .prose - readable long-form legal/article text column
   .legal-toc - table of contents box for legal pages
   .notice - inline message box (info/success/error variants)
   .btn / .btn-primary / .btn-ghost / .btn-sm - buttons with fill-sweep hover
   .card / .card-media / .card-body / .card-tag - generic category card
   .product-card / .status / .price / .unit - catalog product card
   .strip - horizontal scroll-snap row (mobile product strip)
   .product-detail / .product-gallery-main / .product-gallery-thumbs - PDP layout
   .product-meta-list - key/value spec list on product page
   .qty-control - quantity stepper input
   .cart-table / .cart-row-product / .cart-summary / .cart-summary-row - cart & totals
   .checkout-steps - step indicator on checkout page
   .form-grid / .field / .field-error / .checkbox-field / .honeypot - form building blocks
   .contact-layout / .contact-info / .contact-info-item - contact page split layout
   .faq / .faq-item - details/summary accordion
   .compass-feature / .compass-dial / .compass-choices / .compass-result - signature feature
   .newsletter - footer-style subscribe block
   .site-header / .main-nav / .nav-toggle / .cart-link / .cart-count - header & nav
   .site-footer / .footer-grid / .footer-bottom - footer
   .cookie-banner / .cookie-actions - cookie consent UI
   .reveal / .js-hidden / .in-view - scroll-reveal animation hooks
   .grain-overlay - fixed SVG noise texture
   .stamp / .divider / .contour-bg - decorative cartographic SVG motifs
   .grid / .grid-2 / .grid-3 / .grid-4 - responsive auto-fit grids
   .eyebrow - small uppercase label above headings
   ========================================================= */

/* wg-contrast-autofix */
footer.site-footer div.container.footer-grid div p.form-note { color: #ffffff !important; }
div.container.footer-grid div p.form-note a { color: #ffffff !important; }