/*
Theme Name:   SOP Writer Pro
Theme URI:    https://sopwriter.xyz
Author:       SOP Writer Team
Author URI:   https://sopwriter.xyz
Description:  SOP Writer v2.1.0 Pro Max — Professional CV & Resume Writing Service WordPress theme. Orange & Fuchsia Two Hands Networking logo matched. FULL-WIDTH Smart Resume Builder with PHOTO UPLOAD + CROP. Responsive, fast, SEO-ready. Fixed: white hero headline, mobile menu toggle, reduced hero top gap, full-width builder, photo crop.
Version:      2.2.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  sopwriter
Tags: resume, cv, business, blog, one-column, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, e-commerce, full-width-template
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
*/

/* ============================================================
   SOP WRITER 2.1.0 PRO MAX — DESIGN SYSTEM
   Brand: https://sopwriter.xyz/wp-content/uploads/2022/04/cropped-cropped-Orange-Fuchsia-Two-Hands-Together-Networking-Logo1-1.png
   Primary: Orange #f97316 / #ea580c  Accent: Fuchsia #ec4899
   ============================================================ */
:root{
  --brand-50:#fff8f5;--brand-100:#ffede0;--brand-200:#fed5ba;--brand-300:#fdb682;
  --brand-400:#fb8c3c;--brand-500:#f97316;--brand-600:#ea580c;--brand-700:#c2410c;
  --brand-800:#1e1b4b;--brand-900:#0f172a;
  --accent-50:#fdf4ff;--accent-100:#fae8ff;--accent-400:#f472b6;--accent-500:#ec4899;--accent-600:#db2777;
  --pink:#ec4899;--orange:#f97316;
  --gradient-signature:linear-gradient(135deg,#ff7a18 0%,#ec4899 100%);
  --gradient-cta:linear-gradient(135deg,#f97316 0%,#ec4899 55%,#d946ef 100%);
  --gradient-dark:radial-gradient(circle at 80% 20%, #2e1065 0%, #1e1b4b 45%, #0f172a 100%);
  --slate-25:#fcfdff;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;
  --slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;
  --green:#10b981;--red:#ef4444;--amber:#f59e0b;
  --radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;
  --shadow-sm:0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);
  --shadow:0 4px 16px rgba(15,23,42,.08),0 2px 6px rgba(15,23,42,.04);
  --shadow-lg:0 12px 40px rgba(15,23,42,.12),0 4px 16px rgba(15,23,42,.06);
  --font:"Inter","Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif;
}

/* RESET */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.65;color:var(--slate-800);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:var(--brand-600);text-decoration:none;transition:color .18s}
a:hover{color:var(--brand-700);text-decoration:underline}
img,svg,video,canvas{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:800;line-height:1.22;color:var(--brand-900);letter-spacing:-.015em}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.35em}
button,input,select,textarea{font:inherit}
.menu,.sub-menu{list-style:none;padding:0;margin:0}

/* HERO / DARK TEXT FIXES */
.sw-hero h1,.sw-hero h2,.sw-hero h3,
.sw-page-header h1,.sw-page-header h2,
.sw-section--dark h1,.sw-section--dark h2,.sw-section--dark h3,
.sw-cta-box h1,.sw-cta-box h2{color:#fff !important}
.sw-hero p,.sw-page-header p,.sw-section--dark p,.sw-cta-box p{color:#cbd5e1 !important}
.sw-hero a,.sw-page-header a,.sw-section--dark a{color:#ffd6b8}
.sw-hero__title,.sw-page-header h1{color:#fff !important}

/* CONTAINER */
.sw-container{max-width:1200px;margin:0 auto;padding:0 20px}
@media(max-width:640px){.sw-container{padding:0 16px}}
.sw-section{padding:72px 0}
@media(max-width:768px){.sw-section{padding:48px 0}}
.sw-section--alt{background:var(--slate-50)}
.sw-section--dark{background:#0f172a;color:#fff}
.sw-section--accent{background:var(--gradient-cta);color:#fff}
.sw-center{text-align:center}
.sw-eyebrow{display:inline-block;background:#fff7ed;color:#c2410c;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:999px;border:1px solid #fed7aa}
.sw-section--dark .sw-eyebrow,.sw-hero .sw-eyebrow,.sw-cta-box .sw-eyebrow{background:rgba(255,255,255,.1);color:#ffd7b5;border-color:rgba(255,255,255,.2)}
.sw-title{font-size:clamp(1.7rem,3.6vw,2.5rem);margin-top:12px;color:var(--brand-900);letter-spacing:-.018em}
.sw-section--dark .sw-title{color:#fff}
.sw-subtitle{color:var(--slate-600);max-width:680px;margin:12px auto 0;font-size:1.02rem;line-height:1.7;text-align:center}
.sw-section--dark .sw-subtitle{color:#cbd5e1}

/* GRID */
.sw-grid-2,.sw-grid-3,.sw-grid-4{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:700px){.sw-grid-4{grid-template-columns:1fr 1fr}}
@media(min-width:768px){.sw-grid-2{grid-template-columns:1fr 1fr}.sw-grid-3{grid-template-columns:repeat(3,1fr)}.sw-grid-4{grid-template-columns:repeat(4,1fr)}}

/* BUTTONS */
.sw-btn,.sw-btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;font-weight:700;cursor:pointer;transition:all .18s ease;text-decoration:none;font-family:inherit;white-space:nowrap;user-select:none}
.sw-btn{padding:13px 26px;font-size:15px}
.sw-btn-sm{padding:9px 18px;font-size:13px}
.sw-btn--primary{background:var(--gradient-cta);color:#fff;box-shadow:0 4px 16px rgba(236,72,153,.28),0 1px 4px rgba(249,115,22,.18)}
.sw-btn--primary:hover{filter:brightness(1.045);box-shadow:0 6px 24px rgba(236,72,153,.38);transform:translateY(-1px);text-decoration:none;color:#fff}
.sw-btn--accent{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 14px rgba(249,115,22,.28)}
.sw-btn--accent:hover{background:linear-gradient(135deg,#ea580c,#c2410c);text-decoration:none;color:#fff;transform:translateY(-1px)}
.sw-btn--white{background:#fff;color:#0f172a;box-shadow:var(--shadow-sm)}
.sw-btn--white:hover{background:#f8fafc;text-decoration:none}
.sw-btn--outline{background:transparent;color:#ea580c;border:2px solid #fdba74}
.sw-btn--outline:hover{border-color:#f97316;background:#fff7ed;text-decoration:none}
.sw-btn--block{width:100%}

/* CARDS */
.sw-card{background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:24px;transition:transform .18s,box-shadow .18s}
.sw-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.sw-card__icon{font-size:30px;margin-bottom:10px}
.sw-card__title{font-size:1.07rem;color:#0f172a;margin-bottom:6px;font-weight:800}
.sw-card__text{font-size:.92rem;color:var(--slate-600);line-height:1.65;margin:0}

/* TOPBAR */
.sw-topbar{background:#0b1222;color:#dbeafe;font-size:12px;display:none;border-bottom:1px solid rgba(255,255,255,.06)}
@media(min-width:768px){.sw-topbar{display:block}}
.sw-topbar__inner{max-width:1200px;margin:0 auto;padding:7px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sw-topbar a{color:#bfdbfe;text-decoration:none}
.sw-topbar a:hover{color:#fff;text-decoration:underline}
.sw-topbar__right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.sw-topbar__highlight{color:#fbbf77;font-weight:700}

/* HEADER */
.sw-header{position:sticky;top:0;z-index:120;background:rgba(255,255,255,.985);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.sw-header__inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:14px;position:relative}
@media(max-width:640px){.sw-header__inner{min-height:60px;padding:0 14px}}

/* LOGO */
.sw-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.sw-logo__img{max-height:52px;width:auto;object-fit:contain;display:block}
@media(max-width:480px){.sw-logo__img{height:40px;max-width:170px}}
.sw-logo:hover{text-decoration:none;opacity:.92}
.sw-logo__icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:800;position:relative;box-shadow:0 4px 12px rgba(234,88,12,.28)}
.sw-logo__check{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:#ec4899;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;font-weight:800}
.sw-logo__text{line-height:1.1}
.sw-logo__name{font-size:18px;font-weight:900;color:#0f172a}
.sw-logo__name span{color:#ec4899}
.sw-logo__tagline{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#64748b;font-weight:600}

/* NAV */
.sw-nav{display:none;align-items:center}
.sw-nav__menu,.sw-nav ul,.menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.sw-nav li{list-style:none;margin:0}
.sw-nav a,.sw-nav li a{display:inline-flex;align-items:center;padding:9px 14px;font-size:14px;font-weight:600;color:#334155;border-radius:10px;transition:all .16s;text-decoration:none;white-space:nowrap}
.sw-nav a:hover,.sw-nav li a:hover{color:#ea580c;text-decoration:none;background:#fff7ed}
.sw-nav .current-menu-item>a,.sw-nav .current_page_item>a{color:#ea580c;font-weight:700;background:#fff7ed}
.sw-nav__cta,.sw-nav li a.sw-nav__cta{padding:10px 20px !important;background:var(--gradient-cta) !important;color:#fff !important;border-radius:999px !important;margin-left:8px;font-weight:700 !important;box-shadow:0 3px 12px rgba(236,72,153,.22)}
.sw-nav__cta:hover{filter:brightness(1.04);box-shadow:0 5px 18px rgba(236,72,153,.32);color:#fff !important}
.sw-nav__highlight,.sw-nav li a.sw-nav__highlight{background:linear-gradient(135deg,#f97316,#ea580c) !important;color:#fff !important;border-radius:999px !important;padding:9px 16px !important;font-weight:700 !important;box-shadow:0 3px 12px rgba(249,115,22,.22)}
.sw-nav__highlight:hover{filter:brightness(1.04);color:#fff !important}
@media(min-width:1024px){.sw-nav{display:flex}}

/* BURGER */
.sw-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #d1d5db;border-radius:10px;background:#fff;cursor:pointer;font-size:20px;color:#1f2937;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent;flex-shrink:0}
.sw-burger:hover{background:#f9fafb;border-color:#9ca3b8}
.sw-burger:active{transform:scale(.96)}
.sw-burger__icon{font-size:20px;line-height:1;pointer-events:none;display:block}
@media(min-width:1024px){.sw-burger{display:none !important}}

/* MOBILE MENU */
.sw-mobile-menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;box-shadow:0 12px 32px rgba(15,23,42,.10);z-index:119}
.sw-mobile-menu.open{display:block;animation:swMobileIn .18s ease-out}
@keyframes swMobileIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.sw-mobile-menu__inner{padding:14px 16px 20px;max-width:1200px;margin:0 auto}
.sw-mobile-menu a,.sw-mobile-menu li a{display:block;padding:13px 14px;font-size:15px;font-weight:600;color:#1f2937;border-radius:10px;text-decoration:none;transition:background .15s}
.sw-mobile-menu a:hover,.sw-mobile-menu li a:hover{background:#f8fafc;color:#ea580c;text-decoration:none}
.sw-mobile-menu a.sw-mob-accent,.sw-mobile-menu .sw-nav__highlight{background:#fdf4ff !important;color:#c026d3 !important;font-weight:700}
.sw-mobile-menu a.sw-mob-cta,.sw-mobile-menu .sw-nav__cta{background:var(--gradient-cta) !important;color:#fff !important;text-align:center;margin-top:6px;font-weight:700}
.sw-mobile-menu ul,.sw-mobile-menu__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.sw-mobile-menu li{list-style:none;margin:0}

/* HERO — v2.1 tight */
.sw-hero{background:#0f172a;background-image:var(--gradient-dark);color:#fff;padding:32px 0 52px;overflow:hidden;position:relative;isolation:isolate}
.sw-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.055) 1px, transparent 0);background-size:28px 28px;z-index:0}
.sw-hero::after{content:'';position:absolute;top:-18%;right:-8%;width:520px;height:520px;background:radial-gradient(circle, rgba(236,72,153,.16) 0%, rgba(249,115,22,.10) 35%, transparent 70%);filter:blur(56px);pointer-events:none;z-index:0}
@media(max-width:767px){.sw-hero{padding:22px 0 44px}.sw-hero::after{width:300px;height:300px;top:-8%;right:-18%}}
.sw-hero__inner{max-width:1200px;margin:0 auto;padding:6px 20px;display:grid;align-items:center;gap:28px;position:relative;z-index:1}
@media(min-width:1024px){.sw-hero__inner{grid-template-columns:1.12fr .88fr;padding:14px 20px;gap:36px}}
.sw-hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(249,115,22,.10);border:1px solid rgba(251,146,60,.28);color:#ffedd5;border-radius:999px;padding:6px 16px;font-size:12.5px;font-weight:700;letter-spacing:.015em}
.sw-hero__title{font-size:clamp(2rem,4.8vw,3.15rem);margin-top:10px;line-height:1.12;font-weight:900;letter-spacing:-.022em;color:#ffffff !important}
.sw-hero__title .accent{background:linear-gradient(135deg,#ff9a3c 0%,#f472b6 55%, #e879f9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent !important}
.sw-hero__desc{margin-top:12px;font-size:1.05rem;color:#cbd5e1 !important;max-width:540px;line-height:1.65}
.sw-hero__btns{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px}
.sw-hero__checks{margin-top:16px;display:flex;flex-wrap:wrap;gap:14px 18px;font-size:13px;color:#cbd5e1;font-weight:600}
.sw-hero__img-wrap{position:relative}
.sw-hero__img-glow{position:absolute;inset:-18px;background:linear-gradient(135deg,rgba(249,115,22,.22),rgba(236,72,153,.22));border-radius:28px;filter:blur(36px)}
.sw-hero__img{position:relative;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 20px 56px rgba(0,0,0,.3)}
.sw-hero__img img{width:100%;display:block;object-fit:cover}
.sw-hero__floating{position:absolute;bottom:-14px;left:-14px;background:#fff;border-radius:14px;padding:12px 18px;box-shadow:0 8px 28px rgba(0,0,0,.14);color:#0f172a;display:none}
@media(min-width:768px){.sw-hero__floating{display:block}}
.sw-hero__floating-num{font-size:24px;font-weight:900;color:#db2777}
.sw-hero__floating-lbl{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}

/* BUILDER BANNER */
.sw-builder-banner{background:linear-gradient(135deg,#e879f9,#c026d3);color:#fff;padding:20px 0}
.sw-builder-banner__inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px}
@media(min-width:768px){.sw-builder-banner__inner{flex-direction:row}}
.sw-builder-banner__text{display:flex;align-items:center;gap:16px}
.sw-builder-banner__icon{font-size:32px}
.sw-builder-banner__title{font-size:1.1rem;font-weight:800;color:#fff}
.sw-builder-banner__sub{font-size:14px;color:rgba(255,255,255,.82)}

/* STATS */
.sw-stats{border-bottom:1px solid #f1f5f9;background:#fff;padding:44px 0}
.sw-stats__inner{max-width:1200px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:center}
@media(min-width:768px){.sw-stats__inner{grid-template-columns:repeat(4,1fr)}}
.sw-stat__value{font-size:2rem;font-weight:900;color:#c2410c}
.sw-stat__label{font-size:14px;font-weight:500;color:#64748b}

/* PRICING TABLE */
.sw-price-list{max-width:780px;margin:48px auto 0;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 2px 14px rgba(15,23,42,.04)}
.sw-price-item{display:flex;flex-direction:column;gap:6px;padding:15px 20px}
@media(min-width:640px){.sw-price-item{flex-direction:row;align-items:center;justify-content:space-between}}
.sw-price-item:nth-child(even){background:#fcfcfd}
.sw-price-item__left{display:flex;align-items:flex-start;gap:12px}
.sw-price-item__icon{color:#ec4899;font-size:15px;flex-shrink:0;margin-top:2px}
.sw-price-item__title{font-weight:700;color:#0f172a;font-size:14px}
.sw-price-item__note{font-size:12px;color:#64748b}
.sw-price-item__price{background:#fff7ed;color:#c2410c;font-size:12.5px;font-weight:800;padding:5px 14px;border-radius:999px;white-space:nowrap;border:1px solid #fed7aa}

/* TESTIMONIALS / STEPS / CTA */
.sw-testimonial{border:1px solid #eef0f4;border-radius:16px;padding:22px;background:#fff}
.sw-testimonial__stars{color:#f59e0b}
.sw-testimonial__text{margin-top:10px;font-size:.92rem;line-height:1.7;color:#334155;font-style:italic}
.sw-testimonial__author{margin-top:14px;display:flex;align-items:center;gap:12px}
.sw-testimonial__avatar{width:40px;height:40px;border-radius:50%;background:#ffe9d6;color:#c2410c;display:flex;align-items:center;justify-content:center;font-weight:800}
.sw-testimonial__name{font-size:14px;font-weight:700;color:#0f172a}
.sw-testimonial__role{font-size:12px;color:#64748b}
.sw-step{background:#fff;border-radius:16px;padding:22px;box-shadow:0 2px 10px rgba(15,23,42,.04);border:1px solid #f1f5f9}
.sw-step__num{font-size:2.4rem;font-weight:900;color:#ffe4cc}
.sw-step__title{margin-top:2px;font-size:1.07rem;color:#0f172a;font-weight:800}
.sw-step__desc{margin-top:5px;font-size:.9rem;color:#475569}
.sw-cta-box{background:linear-gradient(135deg,#ea580c,#db2777);border-radius:24px;padding:48px 24px;text-align:center;color:#fff;box-shadow:0 14px 48px rgba(219,39,119,.28)}
.sw-cta-box__title{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:900;color:#fff}
.sw-cta-box__desc{color:#ffe4e6;max-width:520px;margin:10px auto 0}
.sw-cta-box__btns{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

/* PAGE HEADER */
.sw-page-header{background:#0f172a;background-image:var(--gradient-dark);padding:56px 0;text-align:center;color:#fff}
.sw-page-header h1{font-size:clamp(1.9rem,4.5vw,2.8rem);color:#fff !important}
.sw-page-header p{color:#cbd5e1;max-width:640px;margin:14px auto 0}

/* FORMS */
.sw-form{display:flex;flex-direction:column;gap:16px}
.sw-row{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.sw-row{grid-template-columns:1fr 1fr}}
.sw-field label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:5px}
.sw-field input,.sw-field select,.sw-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:11px 13px;font-size:14px;font-family:inherit;outline:none;transition:border-color .18s,box-shadow .18s;background:#fff;color:#0f172a}
.sw-field input:focus,.sw-field select:focus,.sw-field textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.13)}
.sw-field textarea{resize:vertical}
.sw-success{background:#ecfdf5;color:#059669;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;border:1px solid #a7f3d0}
.sw-error{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;border:1px solid #fecaca}

/* CONTACT */
.sw-contact-grid{display:grid;gap:36px}
@media(min-width:1024px){.sw-contact-grid{grid-template-columns:1fr 1fr}}
.sw-contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;box-shadow:var(--shadow-sm)}
.sw-contact-card__heading{display:flex;align-items:center;gap:8px;color:#c2410c;font-weight:800}
.sw-contact-card__icon{font-size:20px}
.sw-contact-card__items{margin-top:10px}
.sw-contact-card__items a{display:block;padding:7px 10px;border-radius:8px;font-size:14px;font-weight:600;color:#334155}
.sw-contact-card__items a:hover{background:#fff7ed;color:#c2410c;text-decoration:none}

/* BLOG */
.sw-blog-grid{display:grid;gap:28px}
@media(min-width:768px){.sw-blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.sw-blog-grid{grid-template-columns:repeat(3,1fr)}}
.sw-blog-card{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.sw-blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);text-decoration:none}
.sw-blog-card__img{aspect-ratio:16/9;overflow:hidden;background:#fff7ed}
.sw-blog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.sw-blog-card:hover .sw-blog-card__img img{transform:scale(1.04)}
.sw-blog-card__body{padding:18px;flex:1;display:flex;flex-direction:column}
.sw-blog-card__cat{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#db2777}
.sw-blog-card__title{margin-top:8px;font-size:1.08rem;color:#0f172a;font-weight:800}
.sw-blog-card__excerpt{margin-top:8px;font-size:14px;color:#475569;line-height:1.6;flex:1}
.sw-blog-card__meta{margin-top:14px;font-size:12px;color:#94a3b8}

/* SINGLE POST */
.sw-post{max-width:760px;margin:0 auto;padding:44px 18px}
.sw-post__back{font-size:14px;font-weight:700;color:#ea580c}
.sw-post__cat{margin-top:20px}
.sw-post__title{font-size:clamp(1.6rem,3.8vw,2.3rem);margin-top:10px;color:#0f172a !important;line-height:1.22}
.sw-post__meta{margin-top:10px;font-size:13px;color:#94a3b8}
.sw-post__cover{margin-top:22px;border-radius:16px;overflow:hidden}
.sw-post__content{margin-top:28px;font-size:1.02rem;line-height:1.78;color:#334155}
.sw-post__content h2{font-size:1.45rem;margin:26px 0 10px;color:#0f172a}
.sw-post__content h3{font-size:1.2rem;margin:20px 0 8px;color:#1e293b}
.sw-post__content ul,.sw-post__content ol{margin:12px 0 12px 22px}
.sw-post__content a{color:#ea580c;text-decoration:underline}
.sw-post__content blockquote{border-left:4px solid #f97316;padding:10px 16px;color:#475569;font-style:italic;margin:18px 0;background:#fff7ed;border-radius:0 8px 8px 0}
.sw-post__tags{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.sw-post__tag{background:#f1f5f9;color:#475569;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px}

/* COMMENTS */
.sw-comments{margin-top:44px;border-top:1px solid #e5e7eb;padding-top:28px}
.sw-comments__count{font-size:1.2rem;color:#0f172a;font-weight:800}
.sw-comment{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:15px;margin-top:12px}
.sw-comment__author{display:flex;align-items:center;gap:10px}
.sw-comment__avatar{width:36px;height:36px;border-radius:50%;background:#ffe9d6;color:#c2410c;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.sw-comment__name{font-size:14px;font-weight:700;color:#0f172a}
.sw-comment__date{font-size:12px;color:#94a3b8}
.sw-comment__body{margin-top:10px;font-size:14px;line-height:1.6;color:#334155}

/* 404 */
.sw-404{text-align:center;padding:100px 16px}
.sw-404__code{font-size:5.5rem;font-weight:900;color:#ffe4cc;line-height:1}
.sw-404__title{font-size:1.5rem;margin-top:10px;color:#0f172a}
.sw-404__text{color:#64748b;margin-top:8px}
.sw-404__btns{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

/* FOOTER */
.sw-footer{background:#0f172a;color:#cbd5e1;padding-top:52px;margin-top:64px}
.sw-footer__grid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;gap:36px}
@media(min-width:768px){.sw-footer__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.sw-footer__grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.sw-footer__brand{font-size:24px;font-weight:900;color:#fff}
.sw-footer__brand span{color:#f472b6}
.sw-footer__desc{margin-top:10px;font-size:14px;line-height:1.7;color:#94a3b8}
.sw-footer__fb{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:#1e293b;color:#fff;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none}
.sw-footer__fb:hover{background:#334155;text-decoration:none;color:#fff}
.sw-footer__heading{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:14px}
.sw-footer__links{list-style:none;padding:0;margin:0}
.sw-footer__links li{margin-bottom:8px}
.sw-footer__links a{font-size:14px;color:#cbd5e1;text-decoration:none}
.sw-footer__links a:hover{color:#fff;text-decoration:underline}
.sw-footer__copy{border-top:1px solid #1e293b;margin-top:44px}
.sw-footer__copy-inner{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#64748b}
@media(min-width:640px){.sw-footer__copy-inner{flex-direction:row}}
.sw-footer__copy a{color:#94a3b8}

/* FLOATING CONTACT */
.sw-floating{position:fixed;bottom:20px;right:18px;z-index:90;display:flex;flex-direction:column;gap:10px}
.sw-floating__btn{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;border:none;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18);transition:transform .18s;text-decoration:none}
.sw-floating__btn:hover{transform:scale(1.08);text-decoration:none}
.sw-floating__wa{background:#25D366}
.sw-floating__call{background:linear-gradient(135deg,#f97316,#ec4899)}
@media(max-width:520px){.sw-floating{right:14px;bottom:14px}.sw-floating__btn{width:50px;height:50px;font-size:21px}}

/* ============================================================
   RESUME BUILDER — FULL WIDTH v2.1 PRO MAX + PHOTO CROP
   ============================================================ */
.sw-builder-intro{background:#fff;border-bottom:1px solid #e5e7eb;padding:28px 0 22px;text-align:center}
.sw-builder-intro .sw-eyebrow{background:#fdf4ff;color:#c026d3;border-color:#f5d0fe}
.sw-builder-intro h1{font-size:clamp(1.5rem,3.5vw,2.3rem);margin-top:10px;color:#0f172a}
.sw-builder-intro p{color:#475569;max-width:640px;margin:8px auto 0;font-size:15px}

.sw-builder{background:#f1f5f9;padding:28px 0}
.sw-builder__grid{max-width:1200px;margin:0 auto;padding:0 16px;display:grid;gap:24px}
@media(min-width:1024px){.sw-builder__grid{grid-template-columns:1fr 1fr}}
.sw-builder__toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;margin-bottom:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.sw-color-btn{width:26px;height:26px;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0;transition:transform .15s,box-shadow .15s}
.sw-color-btn:hover{transform:scale(1.1)}
.sw-color-btn.active{border-color:#0f172a;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(15,23,42,.28);transform:scale(1.08)}
.sw-builder__section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px 20px;margin-bottom:14px;box-shadow:0 1px 6px rgba(15,23,42,.03)}
.sw-builder__section-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#1e293b;margin-bottom:12px}
.sw-builder__field{margin-bottom:10px}
.sw-builder__field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:4px}
.sw-builder__field input,.sw-builder__field textarea,.sw-builder__field select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:9px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .18s,box-shadow .18s;background:#fff;color:#0f172a}
.sw-builder__field input:focus,.sw-builder__field textarea:focus,.sw-builder__field select:focus{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.12)}
.sw-builder__field textarea{resize:vertical}
.sw-builder__field-row{display:grid;gap:10px}
@media(min-width:640px){.sw-builder__field-row{grid-template-columns:1fr 1fr}}
.sw-builder__repeat-box{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#f8fafc;margin-bottom:12px}
.sw-builder__add-btn{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}
.sw-builder__add-btn:hover{background:#ffedd5}
.sw-builder__remove-btn{background:none;border:none;color:#dc2626;font-size:12px;font-weight:600;cursor:pointer;margin-top:6px;padding:0}

/* Resume preview */
.sw-resume{background:#fff;box-shadow:0 8px 40px rgba(15,23,42,.10);border-radius:16px;overflow:hidden}
.sw-resume__header{padding:28px 32px;color:#fff}
.sw-resume__name{font-size:1.7rem;font-weight:900;letter-spacing:-.015em;color:#fff !important}
.sw-resume__title{font-size:1rem;opacity:.92;margin-top:4px;font-weight:500;color:#fff !important}
.sw-resume__contact{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;opacity:.92;color:#fff !important}
.sw-resume__body{padding:24px 30px;color:#1e293b}
.sw-resume__section{margin-bottom:20px}
.sw-resume__section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding-bottom:6px;margin-bottom:10px;border-bottom:1px solid}
.sw-resume__exp-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px}
.sw-resume__exp-role{font-size:14px;font-weight:700;color:#1e293b}
.sw-resume__exp-company{font-weight:500;color:#64748b}
.sw-resume__exp-period{font-size:12px;color:#94a3b8}
.sw-resume__exp-desc{margin-top:4px;font-size:14px;line-height:1.6;color:#475569}
.sw-resume__edu-degree{font-size:14px;font-weight:700;color:#1e293b}
.sw-resume__edu-school{font-size:14px;color:#475569}
.sw-resume__edu-result{color:#94a3b8}
.sw-resume__skills{display:flex;flex-wrap:wrap;gap:7px}
.sw-resume__skill{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}
.sw-resume__photo{flex-shrink:0}
.sw-resume__photo img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.35);box-shadow:0 2px 10px rgba(0,0,0,.15);display:block}
.sw-builder__tip{margin-top:14px;text-align:center;font-size:12px;color:#64748b}

/* ============================================================
   RESUME BUILDER — FULL WIDTH v2.1 PRO MAX
   ============================================================ */
.sw-builder-full{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:#f1f5f9;min-height:78vh}
.sw-builder-full__grid{max-width:1680px;margin:0 auto;padding:24px 20px 52px;display:grid;gap:26px;grid-template-columns:1fr}
@media(min-width:1180px){.sw-builder-full__grid{grid-template-columns:minmax(480px,580px) minmax(0,1fr);gap:30px;padding:28px 28px 60px}}
@media(min-width:1500px){.sw-builder-full__grid{grid-template-columns:640px minmax(0,1fr);max-width:1800px}}
@media(min-width:1800px){.sw-builder-full__grid{grid-template-columns:680px minmax(0,1fr);max-width:1900px;gap:38px}}
.sw-builder-full__editor{min-width:0}
.sw-builder-full__preview{min-width:0}
.sw-builder-full__preview-sticky{position:sticky;top:84px}
@media(max-width:1179px){.sw-builder-full__preview-sticky{position:relative;top:auto}}
.sw-builder-full .sw-resume{max-width:860px;margin:0 auto;box-shadow:0 8px 44px rgba(15,23,42,.10);border-radius:16px}
@media(min-width:1500px){.sw-builder-full .sw-resume{max-width:880px}}

/* Kill WP wrappers on builder pages */
body.sw-builder-full-body .site-content,
body.sw-builder-full-body #primary,
body.sw-builder-full-body #main,
body.sw-builder-full-body .content-area,
body.sw-builder-full-body .container,
body.sw-builder-full-body .entry-content,
body.sw-builder-full-body .post-content,
body.sw-builder-full-body .page-content,
body.page-template-page-resume-builder .site-content,
body.page-template-page-resume-builder #primary,
body.page-template-page-resume-builder .content-area,
body.page-template-page-resume-builder .container,
body.page-template-page-resume-builder main > .container,
body.page-template-page-resume-builder .entry-content{
  max-width:100% !important;width:100% !important;
  padding-left:0 !important;padding-right:0 !important;
  margin-left:0 !important;margin-right:0 !important;
}
body.sw-builder-full-body .entry-header,
body.sw-builder-full-body .page-header,
body.sw-builder-full-body .entry-title,
body.page-template-page-resume-builder .entry-header,
body.page-template-page-resume-builder .entry-title{ display:none !important }

/* ============================================================
   PHOTO CROP MODAL — v2.1
   ============================================================ */
#sw-crop-modal,
#sw-scvb-crop-modal{position:fixed;inset:0;z-index:99999;display:none}
#sw-crop-modal.open,
#sw-scvb-crop-modal.open{display:block}
.sw-crop-backdrop,.sw-scvb-crop-backdrop{position:absolute;inset:0;background:rgba(8,15,30,.74);backdrop-filter:blur(5px)}
.sw-crop-dialog,.sw-scvb-crop-dialog{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  background:#fff;border-radius:20px;padding:22px 22px 18px;
  width:min(calc(100vw - 28px),420px);
  box-shadow:0 25px 80px rgba(0,0,0,.38)
}
.sw-crop-dialog h3,.sw-scvb-crop-dialog h3{margin:0 0 14px;font-size:18px;font-weight:800;color:#0f172a}
.sw-crop-stage,.sw-scvb-crop-stage{position:relative;width:340px;height:340px;max-width:100%;margin:0 auto;background:#0f172a;border-radius:14px;overflow:hidden}
#sw-crop-canvas,#sw-scvb-crop-canvas{display:block;width:340px;height:340px;max-width:100%;cursor:grab;touch-action:none}
#sw-crop-canvas:active,#sw-scvb-crop-canvas:active{cursor:grabbing}
.sw-crop-frame,.sw-scvb-crop-frame{
  position:absolute;top:50%;left:50%;width:260px;height:260px;margin-left:-130px;margin-top:-130px;
  border:2px dashed rgba(255,255,255,.94);border-radius:50%;pointer-events:none;
  box-shadow:0 0 0 9999px rgba(0,0,0,.54)
}
.sw-crop-controls,.sw-scvb-crop-controls{margin-top:16px}
.sw-crop-controls label,.sw-scvb-crop-controls label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:4px}
#sw-crop-zoom,#sw-scvb-crop-zoom{width:100%;accent-color:#ea580c}
.sw-crop-btns,.sw-scvb-crop-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.sw-crop-hint,.sw-scvb-crop-hint{font-size:11px;color:#64748b;text-align:center;margin:10px 0 0}

/* builder photo upload box */
#sw-photo-prev{transition:border-color .2s,background .2s}
#sw-photo-prev:hover{border-color:#ea580c !important;background:#fff7ed !important}

/* ============================================================
   SMART CV BUILDER (CV Writer BD / SCVB) COMPAT — v2.1
   Makes https://sopwriter.xyz/free-resume-builder/ full-width
   and adds photo crop, hides duplicate preview popups
   ============================================================ */
/* Kill old CV Writer BD plugin output when SOP Writer builder is active */
.sw-builder-full ~ #scvb-form-col,
.sw-builder-full ~ div[id*="scvb"],
body.sw-builder-full-body #scvb-form-col,
body.sw-builder-full-body [id^="scvb-"]{ display:none !important }

/* If OLD Smart CV Builder IS active (no SOP Writer builder on page) — force full-width + clean UI */
body:has(#scvb-form-col) .site,
body:has(#scvb-form-col) .site-content,
body:has(#scvb-form-col) #primary,
body:has(#scvb-form-col) #main,
body:has(#scvb-form-col) .content-area,
body:has(#scvb-form-col) .container,
body:has(#scvb-form-col) .entry-content,
body:has(#scvb-form-col) main,
body:has(#scvb-form-col) article,
.page-id-199 .site,
.page-id-199 .site-content,
.page-id-199 #primary,
.page-id-199 #main,
.page-id-199 .content-area,
.page-id-199 .container,
.page-id-199 .entry-content,
.page-id-199 main { max-width:100% !important; width:100% !important; padding-left:0 !important; padding-right:0 !important; margin:0 !important; float:none !important }
body:has(#scvb-form-col) .entry-header,
body:has(#scvb-form-col) .entry-title,
body:has(#scvb-form-col) #secondary,
body:has(#scvb-form-col) .sidebar,
.page-id-199 .entry-header,
.page-id-199 .entry-title,
.page-id-199 #secondary { display:none !important }

/* Force SCVB builder full-width */
#scvb-form-col,
div[id*="scvb-form"],
#scvb-app,
.scvb-app{
  max-width:1680px !important;
  width:100% !important;
  margin:0 auto !important;
  padding:24px 24px 48px !important;
  box-sizing:border-box;
  background:#f1f5f9;
}
@media(min-width:1400px){
  #scvb-form-col,div[id*="scvb-form"],#scvb-app{max-width:1760px !important;padding:28px 32px 56px !important}
}
/* 2-column desktop */
@media(min-width:1100px){
  #scvb-form-col,
  .scvb-builder-wrap,
  #scvb-sections{
    display:grid !important;
    grid-template-columns:minmax(460px,560px) minmax(0,1fr) !important;
    gap:26px !important;
    align-items:start !important;
  }
}

/* Hide duplicate / external preview popups from old SCVB */
.scvb-preview-modal,
.scvb-modal,
#scvb-preview-modal,
.cv-preview-popup,
.scvb-external-preview,
body:has(.sw-builder-full) #scvb-form-col,
body.sw-builder-full-body #scvb-form-col,
body.sw-builder-full-body [id^="scvb-"]{ display:none !important }

/* SCVB photo crop UI (injected by JS) */
.sw-scvb-photo-wrap{display:flex;gap:14px;align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin:12px 0 18px;flex-wrap:wrap}
.sw-scvb-photo-box{width:96px;height:96px;border:2px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;cursor:pointer;overflow:hidden;flex-shrink:0;transition:all .18s;position:relative}
.sw-scvb-photo-box:hover{border-color:#ea580c;background:#fff7ed}
.sw-scvb-photo-box img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}
.sw-scvb-photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:#94a3b8;font-size:11px;font-weight:600;text-align:center}
.sw-scvb-photo-ctrl{flex:1;min-width:210px}
.sw-scvb-photo-ctrl strong{font-size:13px;color:#1e293b}
.sw-scvb-photo-ctrl p{font-size:11px;color:#64748b;margin:4px 0 10px}
.sw-scvb-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:1px solid #cbd5e1;background:#fff;color:#334155;text-decoration:none;transition:all .15s}
.sw-scvb-btn:hover{background:#f8fafc;border-color:#94a3b8;text-decoration:none}
.sw-scvb-btn--primary{background:linear-gradient(135deg,#ff7a18 0%,#ec4899 100%);color:#fff;border-color:transparent;box-shadow:0 3px 12px rgba(236,72,153,.26)}
.sw-scvb-btn--primary:hover{filter:brightness(1.04);box-shadow:0 4px 16px rgba(236,72,153,.34);color:#fff}
.sw-scvb-btn--danger{background:#fef2f2;color:#dc2626;border-color:#fecaca}
.sw-scvb-btn--danger:hover{background:#fee2e2}
@media(max-width:1099px){
  #scvb-form-col,.scvb-builder-wrap,#scvb-sections{display:block !important}
  .sw-scvb-photo-wrap{flex-direction:column;align-items:center;text-align:center}
}

/* SCVB form polish */
#scvb-form-col input[type="text"],
#scvb-form-col input[type="email"],
#scvb-form-col input[type="tel"],
#scvb-form-col input[type="url"],
#scvb-form-col textarea,
#scvb-form-col select,
.scvb-field input,
.scvb-field textarea{
  border:1px solid #cbd5e1 !important;
  border-radius:10px !important;
  padding:10px 13px !important;
  font-size:14px !important;
  width:100%;box-sizing:border-box;background:#fff;color:#0f172a;
  transition:border-color .18s,box-shadow .18s !important;
}
#scvb-form-col input:focus,
#scvb-form-col textarea:focus,
#scvb-form-col select:focus{
  border-color:#f97316 !important;
  box-shadow:0 0 0 3px rgba(249,115,22,.12) !important;
  outline:none !important;
}
#scvb-form-col [id^="sec-"],
.scvb-section{
  background:#fff;border:1px solid #e5e7eb;border-radius:14px;
  padding:18px 20px;margin-bottom:14px;
  box-shadow:0 1px 6px rgba(15,23,42,.03);
}
#scvb-form-col button,
#scvb-form-col .button,
#scvb-form-col input[type="submit"],
.scvb-btn{
  background:var(--gradient-cta) !important;
  color:#fff !important;border:none !important;border-radius:999px !important;
  padding:10px 20px !important;font-weight:700 !important;cursor:pointer;
  transition:all .17s;box-shadow:0 3px 14px rgba(236,72,153,.24)
}
#scvb-form-col button:hover,
#scvb-form-col .button:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 5px 18px rgba(236,72,153,.32)}
#scvb-download,button[id*="download"],button[id*="print"],.scvb-download-btn{
  background:var(--gradient-cta) !important;color:#fff !important;font-weight:800 !important;
  padding:12px 26px !important;font-size:15px !important;border-radius:999px !important
}

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print{
  .no-print,.sw-topbar,.sw-header,.sw-footer,.sw-floating,
  .sw-builder__toolbar,.sw-builder__section,
  #scvb-form-col > div:not(.cv-preview):not(#scvb-preview){display:none !important}
  .sw-builder__grid,.sw-builder-full__grid{display:block !important}
  .sw-builder__grid > *:first-child,
  .sw-builder-full__grid > *:first-child{display:none !important}
  .sw-resume,.cv-preview,#scvb-preview{box-shadow:none !important;border-radius:0 !important;margin:0 !important;max-width:100% !important}
  .sw-builder,.sw-builder-full{padding:0 !important;background:#fff !important}
  body{background:#fff !important}
  body.sw-builder-full-body *{visibility:hidden}
  body.sw-builder-full-body .sw-resume,
  body.sw-builder-full-body .sw-resume *{visibility:visible}
  body.sw-builder-full-body .sw-resume{position:absolute;left:0;top:0;width:100%}
}

/* ============================================================
   WORDPRESS SPECIFIC OVERRIDES
   ============================================================ */
.wp-caption{max-width:100%}
.wp-caption-text{font-size:13px;color:#64748b;text-align:center;margin-top:6px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:24px 0}
.gallery-item img{width:100%;border-radius:10px}
/* comments */
.sw-post #respond{margin-top:32px}
.sw-post .comment-respond{padding-top:24px;border-top:1px solid #e5e7eb}
.sw-post .comment-respond h3{font-size:1.22rem;color:#0f172a}
.sw-post .comment-form input,.sw-post .comment-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;background:#fff}
.sw-post .comment-form input[type="submit"]{background:var(--gradient-cta);color:#fff;border:none;border-radius:999px;padding:12px 24px;font-weight:700;cursor:pointer}
.sw-post .comment-form input[type="submit"]:hover{filter:brightness(1.04)}

/* Accessibility */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
:focus-visible{outline:2px solid #f97316;outline-offset:2px;border-radius:4px}