.site-footer {
  padding: 54px 0 0;
  border: 0;
  color: #d7e5ef;
  background: #102a43;
}
.secondary-menu { color:#fff; background:#102a43; }
.secondary-menu__inner { display:flex; align-items:center; justify-content:space-between; gap:18px; width:min(1140px,calc(100% - 40px)); min-height:36px; margin:auto; }
.secondary-menu__phone { color:#fff; font-size:14px; font-weight:700; }
.secondary-menu__social { display:flex; gap:7px; }
.secondary-menu__social a { display:grid; place-items:center; width:22px; height:22px; border:1px solid rgba(255,255,255,.35); border-radius:50%; color:#fff; }
.secondary-menu__social svg { width:14px; height:14px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.secondary-menu__social a:first-child svg, .secondary-menu__social a:last-child svg { fill:#fff; stroke:none; }
.secondary-menu__social svg .dot { fill:#fff; stroke:none; }
.secondary-menu__social a:hover { color:#102a43; background:#fff; }
.secondary-menu__social a:hover svg { stroke:#102a43; }
.secondary-menu__social a:hover:first-child svg, .secondary-menu__social a:hover:last-child svg { fill:#102a43; stroke:none; }
.secondary-menu__social a:hover svg .dot { fill:#102a43; }

.marketing-footer {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  gap: 44px;
}

.marketing-footer .brand { color: #fff; }
.marketing-footer p { max-width: 270px; margin: 15px 0; color: #b9cddd; font-size: 14px; }
.marketing-footer h3 { margin: 0 0 13px; color: #fff; font-size: 16px; }
.marketing-footer address { margin: 0 0 12px; color: #d7e5ef; font-size: 14px; font-style: normal; line-height: 1.65; }
.marketing-footer a:not(.brand) { display: block; margin: 8px 0; color: #d7e5ef; font-size: 14px; }
.footer-social { display: flex; flex-wrap: wrap; gap: 9px; }
.footer-social a { padding: 7px 9px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 7px; }
.footer-social a { position: relative; display: grid !important; place-items: center; width: 38px; height: 38px; padding: 0 !important; overflow: hidden; font-size: 0 !important; }
.footer-social a::before { content: ''; display:block; width:20px; height:20px; background:#fff; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }
.footer-social a[href*="facebook"]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 8h3V4h-3c-3.3 0-5 1.9-5 5v3H6v4h3v8h4v-8h3.3l.7-4H13V9c0-.7.3-1 1-1Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 8h3V4h-3c-3.3 0-5 1.9-5 5v3H6v4h3v8h4v-8h3.3l.7-4H13V9c0-.7.3-1 1-1Z'/%3E%3C/svg%3E"); }
.footer-social a[href*="instagram"]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2'/%3E%3C/svg%3E"); }
.footer-social a[href*="youtube"]::before { width:22px; -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M23 7.2a3 3 0 0 0-2.1-2.1C19 4.5 12 4.5 12 4.5s-7 0-8.9.6A3 3 0 0 0 1 7.2 31 31 0 0 0 .5 12 31 31 0 0 0 1 16.8a3 3 0 0 0 2.1 2.1c1.9.6 8.9.6 8.9.6s7 0 8.9-.6a3 3 0 0 0 2.1-2.1 31 31 0 0 0 .5-4.8 31 31 0 0 0-.5-4.8ZM10 15.5v-7l6 3.5-6 3.5Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M23 7.2a3 3 0 0 0-2.1-2.1C19 4.5 12 4.5 12 4.5s-7 0-8.9.6A3 3 0 0 0 1 7.2 31 31 0 0 0 .5 12 31 31 0 0 0 1 16.8a3 3 0 0 0 2.1 2.1c1.9.6 8.9.6 8.9.6s7 0 8.9-.6a3 3 0 0 0 2.1-2.1 31 31 0 0 0 .5-4.8 31 31 0 0 0-.5-4.8ZM10 15.5v-7l6 3.5-6 3.5Z'/%3E%3C/svg%3E"); }
.footer-social a:hover::before { background:#9fe8c8; }
.footer-map { width: 100%; height: 170px; border: 0; border-radius: 10px; background: #dce7f0; }
.footer-bottom { margin-top: 38px; padding: 17px 0; border-top: 1px solid rgba(255, 255, 255, .18); color: #b9cddd; font-size: 13px; }
.footer-bottom { text-align:center; }
.footer-bottom::after { content: 'Copyrights © 2026 All Rights Reserved by Code Shoppy ®'; }
.footer-bottom { font-size:0; }
.footer-bottom::after { font-size:13px; }
.footer > span { font-size:0; }
.footer > span::after { content: 'Copyrights © 2026 All Rights Reserved by Code Shoppy ®'; font-size:13px; }
.about-page .page-hero p { display:none; }
.about-page .split p { text-align: justify; color: #334e64 !important; }
.about-page .about-card { min-height:340px; background: url('../assets/img/branding/codeshoppy-dashboard-collage.png') center / cover no-repeat !important; }
.about-page .about-card strong { display:none; }
.contact-card { border-radius:24px !important; background:linear-gradient(150deg,#173d5d,#102a43) !important; box-shadow:0 18px 36px rgba(16,42,67,.14); }
.contact-card h2 { letter-spacing:-.035em; }
.contact-card .detail { gap:14px; margin:0 0 19px; }
.contact-card .detail-link { display:flex; color:inherit; text-decoration:none; }
.contact-card .detail-link:hover b, .contact-card .detail-link:hover span { color:#f0c24c; }
.contact-card .detail i { position:relative; width:42px; height:42px; flex:0 0 42px; font-size:0; border-radius:12px; background:#dcecf7; }
.contact-card .detail i::before { content:''; display:block; width:21px; height:21px; margin:auto; background:#102a43; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }
.contact-card .detail:nth-of-type(1) i::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 5.5A2.5 2.5 0 0 1 5.5 3h13A2.5 2.5 0 0 1 21 5.5v13a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13ZM5 6v.3l7 5.1 7-5.1V6l-7 5-7-5Zm0 2.8v9.7c0 .3.2.5.5.5h13c.3 0 .5-.2.5-.5V8.8l-6.4 4.6a1 1 0 0 1-1.2 0L5 8.8Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 5.5A2.5 2.5 0 0 1 5.5 3h13A2.5 2.5 0 0 1 21 5.5v13a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13ZM5 6v.3l7 5.1 7-5.1V6l-7 5-7-5Zm0 2.8v9.7c0 .3.2.5.5.5h13c.3 0 .5-.2.5-.5V8.8l-6.4 4.6a1 1 0 0 1-1.2 0L5 8.8Z'/%3E%3C/svg%3E"); }
.contact-card .detail:nth-of-type(2) i::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.6 2h3.1l1.5 5.2-2.1 1.7a16 16 0 0 0 6 6l1.7-2.1 5.2 1.5v3.1A2.6 2.6 0 0 1 19.4 20C9.8 19.5 4.5 14.2 4 4.6A2.6 2.6 0 0 1 6.6 2Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.6 2h3.1l1.5 5.2-2.1 1.7a16 16 0 0 0 6 6l1.7-2.1 5.2 1.5v3.1A2.6 2.6 0 0 1 19.4 20C9.8 19.5 4.5 14.2 4 4.6A2.6 2.6 0 0 1 6.6 2Z'/%3E%3C/svg%3E"); }
.contact-card .detail:nth-of-type(3) i::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M12 7v5l3 2'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.form { border-radius:24px !important; box-shadow:0 18px 36px rgba(16,42,67,.08) !important; }
.form h2 { letter-spacing:-.035em; }
.form .btn { border-radius:11px; }
.contact-card h2 { font-size:0 !important; }
.contact-card h2::after { content:'Speak with our team.'; font-size:27px; }

.whatsapp-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 20;
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  padding: 0;
  overflow: hidden;
  border: 4px solid #fff;
  border-radius: 50%;
  color: transparent;
  background: #20cf68;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .24);
  font-size: 0;
  transition: transform .2s, background-color .2s, box-shadow .2s;
}

.whatsapp-float::before {
  width: 34px;
  height: 34px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 11.5a8.5 8.5 0 0 1-12.4 7.57L3 20.5l1.43-5.05A8.5 8.5 0 1 1 20.5 11.5Z' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.15 7.6c.34-.7.7-.72 1.04-.73h.45c.15 0 .4.06.6.54.22.52.73 1.78.8 1.91.06.13.1.29.02.46-.09.17-.13.28-.26.43-.13.15-.28.33-.4.44-.13.13-.27.27-.12.53.15.26.66 1.08 1.42 1.75.98.87 1.8 1.14 2.06 1.27.26.13.41.11.56-.06.15-.17.64-.74.81-1 .17-.26.34-.22.58-.13.24.09 1.5.71 1.76.84.26.13.43.2.5.3.06.11.06.63-.15 1.24-.22.61-1.26 1.17-1.74 1.24-.45.07-1.03.1-1.66-.1-.38-.12-.87-.28-1.5-.55-.26-.11-4.55-1.69-6.2-5.86-.46-1.16-.05-1.89.39-2.52Z' fill='white'/%3E%3C/svg%3E");
  content: "";
}

.whatsapp-float:hover {
  background: #18b95a;
  box-shadow: 0 13px 30px rgba(0, 0, 0, .3);
  transform: translateY(-3px) scale(1.04);
}

.whatsapp-float:focus-visible {
  outline: 3px solid #102a43;
  outline-offset: 3px;
}

@media (max-width: 820px) {
  .marketing-footer { grid-template-columns: 1fr 1fr; }
  .marketing-footer > div:last-child { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .secondary-menu__inner { justify-content:center; min-height:32px; }
  .secondary-menu__social { display:none; }
  .marketing-footer { grid-template-columns: 1fr; }
  .marketing-footer > div:last-child { grid-column: auto; }
  .whatsapp-float { right: 14px; bottom: 14px; width: 56px; height: 56px; }
  .whatsapp-float::before { width: 31px; height: 31px; }
}
.hero { padding: 58px 0 !important; }
.site-footer { padding-top: 34px !important; }
.bar { padding: 14px 0 !important; }
section { padding: 58px 0 !important; }
.heading { margin-bottom: 24px !important; }
.page-hero { padding: 58px 0 46px !important; }
.split { gap: 42px !important; }
.contact-card, .form { padding: 26px !important; }
.contact-card > p { margin-bottom: 18px !important; }
.marketing-footer { padding-top: 26px !important; padding-bottom: 26px !important; }
.saas-hero { padding-top: 56px !important; padding-bottom: 56px !important; }
.saas-features { padding-bottom: 54px !important; }
.saas-pricing { padding-top: 56px !important; padding-bottom: 60px !important; }
.saas-story { padding-top: 58px !important; padding-bottom: 58px !important; }
.saas-contact { padding-top: 52px !important; padding-bottom: 52px !important; }
.feature .icon { color: #102a43 !important; font-size: 0 !important; }
.feature .icon::before { font-size: 22px; line-height: 1; font-weight: 800; }
.feature:nth-child(1) .icon::before { content: '⌂'; }
.feature:nth-child(2) .icon::before { content: '▣'; }
.feature:nth-child(3) .icon::before { content: '⇄'; }
.feature:nth-child(4) .icon::before { content: '₹'; }
.feature:nth-child(5) .icon::before { content: '✦'; }
.feature:nth-child(6) .icon::before { content: '↗'; }
#features .heading h2 { font-size: 0 !important; }
#features .heading h2::after { content: 'Features'; font-size: clamp(30px, 3.5vw, 44px); }
.template-showcase .heading h2 { font-size: 0 !important; }
.template-showcase .heading h2::after { content: 'Our Templates'; font-size: clamp(30px, 3.5vw, 44px); }
.pricing .heading h2 { font-size: 0 !important; }
.pricing .heading h2::after { content: 'Pricing'; font-size: clamp(30px, 3.5vw, 44px); }
@media (max-width: 560px) {
  .hero { padding: 42px 0 !important; }
  section { padding: 44px 0 !important; }
  .page-hero { padding: 44px 0 36px !important; }
}