/* ==========================================================================
   STONE CARDS — Design System (ported from Claude Design)
   Tokens, base, layout, header, hero, product grids, footer.
   WooCommerce page styling lives in woocommerce.css.
   ========================================================================== */

/* ----- Design tokens ------------------------------------------------------ */
/* Accent fill / on-accent / rgb (accent-only) */
[data-accent="green"]  { --accent:#63f945; --on-accent:#08160b; --accent-rgb:99,249,69; }
[data-accent="cyan"]   { --accent:#38e0e6; --on-accent:#03191b; --accent-rgb:56,224,230; }
[data-accent="violet"] { --accent:#a78bff; --on-accent:#0d0724; --accent-rgb:167,139,255; }

/* Theme-level tokens */
[data-theme="dark"] {
	--bg:#000000; --bg-2:#101110; --bg-3:#191b19;
	--line:oklch(1 0 0 / 0.11); --text:#f4f7f4; --text-2:#a6aaa6; --text-3:#767a76;
	--accent-soft:rgba(var(--accent-rgb),0.16);
	--card-shadow:0 14px 40px -18px rgba(0,0,0,0.75);
	--card-shadow-hover:0 0 0 1px rgba(var(--accent-rgb),0.45), 0 18px 50px -16px rgba(var(--accent-rgb),0.3);
	--glow:0 0 30px rgba(var(--accent-rgb),0.34);
	color-scheme:dark;
}
[data-theme="light"] {
	--bg:#ffffff; --bg-2:#f6f7f6; --bg-3:#eef0ee;
	--line:oklch(0.87 0 0); --text:#0c0e0c; --text-2:#565a56; --text-3:#8a8f8a;
	--accent-soft:rgba(var(--accent-rgb),0.15);
	--card-shadow:0 12px 30px -14px rgba(15,20,15,0.22);
	--card-shadow-hover:0 0 0 1px rgba(var(--accent-rgb),0.5), 0 20px 44px -16px rgba(15,20,15,0.26);
	--glow:0 6px 18px -6px rgba(var(--accent-rgb),0.55);
	color-scheme:light;
}

/* accent-ink / accent-2 depend on BOTH theme and accent */
[data-theme="dark"][data-accent="green"]  { --accent-ink:#63f945; --accent-2:#63f945; }
[data-theme="light"][data-accent="green"] { --accent-ink:#2c9a1c; --accent-2:#2c9a1c; }
[data-theme="dark"][data-accent="cyan"]   { --accent-ink:#4fe6ec; --accent-2:#4fe6ec; }
[data-theme="light"][data-accent="cyan"]  { --accent-ink:#0b8288; --accent-2:#0b8288; }
[data-theme="dark"][data-accent="violet"] { --accent-ink:#baa4ff; --accent-2:#baa4ff; }
[data-theme="light"][data-accent="violet"]{ --accent-ink:#5f38cf; --accent-2:#5f38cf; }

/* Fonts by language */
:root, html[lang="en"] { --font:'Manrope','Space Grotesk',system-ui,sans-serif; --font-d:'Space Grotesk','Manrope',system-ui,sans-serif; }
html[lang="ar"], html[lang="ku"] { --font:'Vazirmatn',system-ui,sans-serif; --font-d:'Vazirmatn',system-ui,sans-serif; }

/* Sensible fallback so first paint is never unstyled if attrs are missing */
:root { --accent:#63f945; --on-accent:#08160b; --accent-rgb:99,249,69; }

/* ----- Base --------------------------------------------------------------- */
* { box-sizing:border-box; }
html, body { margin:0; padding:0; }
body {
	background:var(--bg);
	color:var(--text);
	font-family:var(--font);
	min-height:100vh;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	transition:background-color .45s ease, color .45s ease;
}
a { color:var(--accent-ink); text-decoration:none; }
a:hover { color:var(--accent-2); }
img { max-width:100%; display:block; }
input::placeholder { color:var(--text-3); }
::selection { background:var(--accent-soft); }
button { font-family:inherit; }
h1,h2,h3,h4 { font-family:var(--font-d); }

@keyframes floaty { 0%,100% { transform:translateY(-50%) rotate(-11deg); } 50% { transform:translateY(-58%) rotate(-11deg); } }
@keyframes fadeup { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
.sc-fadeup { animation:fadeup .5s ease both; }

/* Prevent theme/lang flash: hide body until JS applies stored prefs, then reveal */
html.sc-booting body { opacity:0; }
body { opacity:1; transition:opacity .18s ease, background-color .45s ease, color .45s ease; }

/* ----- Layout ------------------------------------------------------------- */
.sc-container { max-width:1240px; margin-inline:auto; padding-inline:clamp(16px,4vw,32px); width:100%; }
.sc-section { padding-block:clamp(14px,2vw,22px) clamp(26px,4vw,40px); }
.sc-chevron { display:inline-block; }
[dir="rtl"] .sc-chevron { transform:scaleX(-1); }
.sc-visually-hidden { position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* ----- Buttons ------------------------------------------------------------ */
.sc-btn {
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	border:none; border-radius:12px; padding:13px 22px; cursor:pointer;
	font-weight:700; font-size:15px; font-family:inherit; line-height:1;
	background:var(--accent); color:var(--on-accent);
	transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.sc-btn:hover { transform:translateY(-2px); box-shadow:0 12px 30px rgba(0,0,0,.32); color:var(--on-accent); }
.sc-btn--glow { box-shadow:var(--glow); }
.sc-btn--glow:hover { filter:brightness(1.08); transform:translateY(-1px); }
.sc-btn--sm { padding:9px 15px; border-radius:10px; font-size:13px; }
.sc-btn--block { width:100%; }
.sc-btn--ghost { background:var(--bg-3); color:var(--text); border:1px solid var(--line); }
.sc-btn--ghost:hover { background:var(--bg-2); color:var(--text); box-shadow:var(--glow); }

.sc-iconbtn {
	width:40px; height:40px; flex-shrink:0; border-radius:11px;
	border:1px solid var(--line); background:var(--bg-3); color:var(--text);
	display:inline-flex; align-items:center; justify-content:center; cursor:pointer;
	transition:background-color .45s ease, box-shadow .2s ease, border-color .2s ease, color .45s ease;
}
.sc-iconbtn:hover { box-shadow:var(--glow); border-color:var(--accent-soft); color:var(--text); }
.sc-ico-sun, .sc-ico-moon { display:inline-flex; align-items:center; justify-content:center; }
[data-theme="dark"] .sc-ico-sun { display:none; }
[data-theme="light"] .sc-ico-moon { display:none; }

/* ----- Top announcement bar ---------------------------------------------- */
.sc-topbar {
	background:var(--accent-soft); color:var(--accent-ink);
	border-bottom:1px solid var(--line);
	font-size:12.5px; font-weight:600; padding:7px 12px;
	display:flex; align-items:center; justify-content:center; gap:8px; text-align:center;
	transition:background-color .45s ease, color .45s ease;
}
.sc-topbar svg { flex-shrink:0; }

/* ----- Header ------------------------------------------------------------- */
.sc-header {
	position:sticky; top:0; z-index:50;
	background:color-mix(in oklch, var(--bg) 82%, transparent);
	-webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
	border-bottom:1px solid var(--line);
	transition:background-color .45s ease, border-color .45s ease;
}
.sc-header-inner { display:flex; align-items:center; gap:16px; height:66px; }
.sc-logo { display:inline-flex; align-items:center; flex-shrink:0; }
.sc-logo img { height:30px; width:auto; display:block; }
.sc-wordmark { display:inline-flex; align-items:center; gap:6px; font-family:var(--font-d); font-weight:700; letter-spacing:.01em; line-height:1; color:var(--text); white-space:nowrap; }
.sc-wordmark .accent { color:var(--accent-ink); }
.sc-nav { display:flex; align-items:center; gap:24px; flex-shrink:0; }
.sc-nav a { font-size:14.5px; font-weight:600; color:var(--text-2); transition:color .2s ease; }
.sc-nav a:hover, .sc-nav a.is-active { color:var(--text); }
.sc-nav a.is-active:hover { color:var(--accent-ink); }

.sc-search {
	display:flex; align-items:center; gap:8px;
	background:var(--bg-3); border:1px solid var(--line); border-radius:12px;
	padding:8px 12px; min-width:150px; max-width:280px; flex:1; color:var(--text-3);
	transition:background-color .45s ease, border-color .45s ease;
}
.sc-search svg { flex-shrink:0; }
.sc-search input { border:none; background:transparent; outline:none; color:var(--text); font-family:inherit; font-size:14px; width:100%; }

.sc-header-actions { display:flex; align-items:center; gap:10px; margin-inline-start:auto; flex-shrink:0; }

.sc-lang {
	display:inline-flex; background:var(--bg-3); border:1px solid var(--line);
	border-radius:12px; padding:3px; gap:2px;
	transition:background-color .45s ease, border-color .45s ease;
}
.sc-lang button {
	border:none; cursor:pointer; font-weight:700; font-size:12.5px;
	padding:6px 11px; border-radius:9px; background:transparent; color:var(--text-2);
	transition:background-color .2s ease, color .2s ease;
}
.sc-lang button.is-active { background:var(--accent); color:var(--on-accent); }

.sc-account { position:relative; }
.sc-account-btn {
	display:inline-flex; align-items:center; gap:8px;
	background:var(--bg-3); border:1px solid var(--line); border-radius:12px;
	padding:8px 13px; cursor:pointer; color:var(--text); font-weight:600; font-size:13.5px;
	transition:background-color .45s ease, box-shadow .2s ease, border-color .2s ease;
}
.sc-account-btn:hover { box-shadow:var(--glow); border-color:var(--accent-soft); }
.sc-account-menu {
	position:absolute; inset-inline-end:0; top:calc(100% + 8px);
	background:var(--bg-2); border:1px solid var(--line); border-radius:12px;
	box-shadow:var(--card-shadow); min-width:210px; padding:6px; z-index:60;
}
.sc-account-menu a { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:8px; color:var(--text); font-size:14px; font-weight:500; transition:background-color .15s ease; }
.sc-account-menu a:hover { background:var(--bg-3); color:var(--text); }
.sc-account[hidden], [hidden] { display:none!important; }

/* Mobile menu panel */
.sc-mobile-menu { border-top:1px solid var(--line); background:var(--bg-2); padding:16px clamp(16px,4vw,32px); display:flex; flex-direction:column; gap:14px; }
.sc-mobile-menu .sc-search { max-width:none; }
.sc-mobile-nav { display:flex; flex-direction:column; gap:2px; }
.sc-mobile-nav a { padding:11px 4px; font-size:16px; font-weight:600; color:var(--text); border-bottom:1px solid var(--line); }
.sc-mobile-menu .sc-lang { align-self:flex-start; padding:4px; gap:3px; }
.sc-mobile-menu .sc-lang button { padding:8px 16px; font-size:13px; }
.sc-cart-count {
	position:absolute; top:-6px; inset-inline-end:-6px; min-width:18px; height:18px;
	padding:0 5px; border-radius:20px; background:var(--accent); color:var(--on-accent);
	font-size:11px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; line-height:1;
}

/* ----- Hero carousel ------------------------------------------------------ */
.sc-hero-wrap { margin-block-start:22px; }
.sc-hero {
	position:relative; border-radius:22px; overflow:hidden;
	height:clamp(320px,42vw,460px); box-shadow:var(--card-shadow);
}
.sc-slide {
	position:absolute; inset:0; opacity:0; pointer-events:none; z-index:1;
	transition:opacity .7s ease; display:flex; align-items:center; padding:clamp(24px,5vw,60px);
}
.sc-slide.is-active { opacity:1; pointer-events:auto; z-index:2; }
.sc-slide-scrim { position:absolute; inset:0; }
.sc-slide-content { position:relative; max-width:560px; z-index:2; }
.sc-slide-tag {
	display:inline-block; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
	font-size:12px; font-weight:700; padding:5px 12px; border-radius:20px; letter-spacing:.02em;
}
.sc-slide h1 { font-size:clamp(26px,4.4vw,46px); font-weight:700; line-height:1.08; margin:16px 0 0; letter-spacing:-.02em; text-wrap:balance; }
.sc-slide p { font-size:clamp(14px,1.6vw,17px); margin:14px 0 0; max-width:440px; line-height:1.5; }
.sc-slide .sc-btn { margin-top:24px; }

.sc-hero-arrow {
	position:absolute; top:50%; transform:translateY(-50%); z-index:6;
	width:42px; height:42px; border-radius:50%;
	border:1px solid rgba(255,255,255,.3); background:rgba(0,0,0,.32);
	-webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
	color:#fff; cursor:pointer; display:inline-flex; align-items:center; justify-content:center;
	transition:background-color .2s ease;
}
.sc-hero-arrow:hover { background:rgba(0,0,0,.6); color:#fff; }
.sc-hero-arrow--prev { inset-inline-start:14px; }
.sc-hero-arrow--next { inset-inline-end:14px; }
.sc-hero-arrow svg { pointer-events:none; }
[dir="rtl"] .sc-hero-arrow svg { transform:scaleX(-1); }

.sc-dots { position:absolute; bottom:16px; inset-inline:0; display:flex; justify-content:center; z-index:6; }
.sc-dots-inner { display:flex; gap:8px; align-items:center; background:rgba(0,0,0,.28); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); padding:7px 11px; border-radius:20px; }
.sc-dot { height:8px; width:8px; border-radius:20px; border:none; cursor:pointer; background:rgba(255,255,255,.42); transition:width .3s ease, background-color .3s ease; padding:0; }
.sc-dot.is-active { width:26px; background:#fff; }

/* ----- Trust badges ------------------------------------------------------- */
.sc-trust-wrap { padding-block:clamp(26px,4vw,40px); }
.sc-trust {
	display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px;
	background:var(--bg-2); border:1px solid var(--line); border-radius:18px; padding:22px;
	transition:background-color .45s ease, border-color .45s ease;
}
.sc-trust-item { display:flex; align-items:center; gap:12px; }
.sc-trust-icon {
	width:44px; height:44px; border-radius:12px; background:var(--accent-soft); color:var(--accent-ink);
	display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
	transition:background-color .45s ease, color .45s ease;
}
.sc-trust-item .t { font-weight:700; font-size:14.5px; }
.sc-trust-item .d { color:var(--text-2); font-size:12.5px; margin-top:2px; }

/* ----- Product sections & cards ------------------------------------------ */
.sc-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-block-end:22px; flex-wrap:wrap; }
.sc-section-head h2 { font-size:clamp(22px,3vw,30px); font-weight:700; margin:0; letter-spacing:-.01em; }
.sc-section-head p { margin:.45em 0 0; color:var(--text-2); font-size:15px; }
.sc-viewall { display:inline-flex; align-items:center; gap:6px; color:var(--accent-ink); font-weight:600; font-size:14px; }

.sc-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:18px; }

.sc-card {
	background:var(--bg-2); border:1px solid var(--line); border-radius:16px; overflow:hidden;
	display:flex; flex-direction:column; box-shadow:var(--card-shadow);
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .45s ease;
}
.sc-card:hover { transform:translateY(-6px); box-shadow:var(--card-shadow-hover); border-color:var(--accent-soft); }
.sc-card-visual { position:relative; height:140px; padding:12px; overflow:hidden; background-size:cover; background-position:center; }
.sc-card-mono { position:absolute; top:-6px; inset-inline-end:6px; font-family:var(--font-d); font-weight:700; font-size:76px; color:rgba(255,255,255,.16); line-height:1; user-select:none; letter-spacing:-.03em; }
.sc-badge-region { position:absolute; top:11px; inset-inline-start:11px; background:rgba(0,0,0,.42); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); color:#fff; font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px; }
.sc-badge-instant { position:absolute; top:11px; inset-inline-end:11px; display:inline-flex; align-items:center; gap:4px; background:var(--accent); color:var(--on-accent); font-size:11px; font-weight:700; padding:3px 9px; border-radius:20px; }
.sc-card-body { padding:14px; display:flex; flex-direction:column; gap:7px; flex:1; }
.sc-card-name { font-weight:700; font-size:16px; color:var(--text); }
.sc-card-rating { display:flex; align-items:center; gap:5px; font-size:13px; }
.sc-card-rating .val { color:var(--text); font-weight:600; }
.sc-card-rating .count { color:var(--text-3); }
.sc-card-foot { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-top:auto; padding-top:6px; }
.sc-card-price { display:flex; flex-direction:column; }
.sc-card-price .lbl { color:var(--text-3); font-size:11px; }
.sc-card-price .amt { font-family:var(--font-d); font-weight:700; font-size:18px; color:var(--text); }

/* ----- Reviews strip ------------------------------------------------------ */
.sc-reviews { padding-block:8px 44px; }
.sc-reviews-inner { display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; color:var(--text-2); font-size:14px; text-align:center; }
.sc-reviews-stars { display:inline-flex; gap:2px; align-items:center; }
.sc-reviews-inner strong { color:var(--text); font-weight:700; }
.sc-reviews-dot { opacity:.5; }

/* ----- Footer ------------------------------------------------------------- */
.sc-footer { background:var(--bg-2); border-top:1px solid var(--line); transition:background-color .45s ease, border-color .45s ease; }
.sc-footer-top { padding-block:44px 30px; display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:32px; }
.sc-footer-brand { min-width:200px; }
.sc-footer-brand img { height:30px; width:auto; margin-bottom:14px; }
.sc-footer-brand p { color:var(--text-2); font-size:13.5px; line-height:1.6; margin:0 0 16px; max-width:260px; }
.sc-pay { display:flex; align-items:center; gap:9px; flex-wrap:wrap; color:var(--text-3); font-size:12.5px; }
.sc-pay-visa { background:#fff; border:1px solid var(--line); border-radius:6px; padding:4px 9px; font-weight:800; font-size:11px; color:#1a1f71; font-family:var(--font-d); letter-spacing:.03em; }
.sc-pay-mc { background:#fff; border:1px solid var(--line); border-radius:6px; padding:5px 8px; display:inline-flex; align-items:center; }
.sc-pay-mc .c1 { width:14px; height:14px; border-radius:50%; background:#eb001b; }
.sc-pay-mc .c2 { width:14px; height:14px; border-radius:50%; background:#f79e1b; margin-inline-start:-6px; mix-blend-mode:multiply; }
.sc-footer-col .title { font-weight:700; font-size:14px; margin-bottom:13px; color:var(--text); }
.sc-footer-col .links { display:flex; flex-direction:column; gap:10px; }
.sc-footer-col .links a { color:var(--text-2); font-size:13.5px; transition:color .15s ease; }
.sc-footer-col .links a:hover { color:var(--accent-ink); }
.sc-footer-bottom { border-top:1px solid var(--line); }
.sc-footer-bottom .inner { padding-block:18px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; color:var(--text-3); font-size:12.5px; }

/* ----- Responsive --------------------------------------------------------- */
.sc-only-desktop { display:inline-flex; }
.sc-only-mobile { display:none; }
@media (max-width:880px) {
	.sc-only-desktop { display:none!important; }
	.sc-only-mobile { display:inline-flex!important; }
	.sc-header-inner { gap:10px; }
}
@media (min-width:881px) {
	.sc-mobile-menu { display:none; }
}

/* Legal / info pages: About, Terms, Privacy (.sc-legal) */
.sc-legal{color:var(--text-2);font-size:15.5px;line-height:1.85;}
.sc-legal .lead{font-size:1.08em;color:var(--text);margin-bottom:1.1em;}
.sc-legal h2{color:var(--text);font-family:var(--font-d);font-size:clamp(19px,2.4vw,24px);font-weight:700;letter-spacing:-.01em;margin:1.7em 0 .55em;padding-bottom:.35em;border-bottom:1px solid var(--line);}
.sc-legal h3{color:var(--text);font-size:clamp(16px,2vw,18.5px);font-weight:700;margin:1.4em 0 .4em;}
.sc-legal>:first-child{margin-top:0;}
.sc-legal p{margin:0 0 1em;}
.sc-legal ul{margin:0 0 1.2em;padding-inline-start:1.4em;list-style:disc;}
.sc-legal li{margin:.45em 0;}
.sc-legal li::marker{color:var(--accent);}
.sc-legal strong{color:var(--text);font-weight:700;}
.sc-legal a{color:var(--accent-ink);word-break:break-word;}
.sc-legal a:hover{color:var(--accent-2);}

/* Trilingual legal blocks: show only the block matching the active <html lang> */
.sc-legal[data-lang-block]{display:none;}
html[lang="ar"] .sc-legal[data-lang-block="ar"],
html[lang="en"] .sc-legal[data-lang-block="en"],
html[lang="ku"] .sc-legal[data-lang-block="ku"]{display:block;}
.sc-legal-title{font-family:var(--font-d);font-size:clamp(24px,3.6vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--text);margin:0 0 .3em;}
.sc-legal-updated{display:inline-block;font-size:12.5px;font-weight:600;color:var(--text-3);background:var(--bg-3);border:1px solid var(--line);border-radius:20px;padding:5px 12px;margin:0 0 1.7em;}

/* Contact page */
.sc-contact{max-width:820px;}
.sc-contact-intro{color:var(--text-2);font-size:15.5px;line-height:1.8;margin:0 0 1.7em;}
.sc-contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:34px;}
.sc-contact-card{display:flex;flex-direction:column;gap:5px;padding:18px;background:var(--bg-2);border:1px solid var(--line);border-radius:16px;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
a.sc-contact-card:hover{border-color:var(--accent-soft);box-shadow:var(--card-shadow-hover);transform:translateY(-3px);}
.sc-contact-card .ic{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-ink);margin-bottom:6px;}
.sc-contact-card .tt{font-weight:700;font-size:14.5px;}
.sc-contact-card .vv{color:var(--text-2);font-size:13.5px;word-break:break-word;}
.sc-contact-form-wrap{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,28px);}
.sc-contact-form-wrap h2{font-family:var(--font-d);font-size:clamp(18px,2.2vw,22px);font-weight:700;margin:0 0 16px;color:var(--text);}
.sc-contact-form{display:flex;flex-direction:column;gap:14px;}
.sc-contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.sc-contact-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--text-2);}
.sc-contact-form input,.sc-contact-form textarea{font-family:inherit;font-size:14.5px;color:var(--text);background:var(--bg-3);border:1px solid var(--line);border-radius:11px;padding:11px 13px;outline:none;transition:border-color .18s ease,box-shadow .18s ease;}
.sc-contact-form input:focus,.sc-contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}
.sc-contact-form textarea{resize:vertical;min-height:130px;}
.sc-contact-form button{align-self:flex-start;margin-top:4px;}
.sc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
.sc-contact-note{border-radius:12px;padding:13px 16px;margin:0 0 22px;font-size:14px;font-weight:600;border:1px solid transparent;}
.sc-contact-note.is-ok{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-soft);}
.sc-contact-note.is-err{background:rgba(230,70,70,.12);color:#e46464;border-color:rgba(230,70,70,.3);}
@media(max-width:560px){.sc-contact-form .row{grid-template-columns:1fr;}}