body {
  margin: 0;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background: #fbf5eb;
  color: #2d241b;
}

.seo-container {
  width: min(1180px, 94vw);
  margin: 0 auto;
}

.seo-topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(248, 237, 223, 0.94);
  border-bottom: 1px solid #dcc8ab;
  backdrop-filter: blur(8px);
}

.seo-topbar__inner {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.seo-brand {
  color: #2f271f;
  text-decoration: none;
  font-weight: 700;
}

.seo-nav {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.seo-nav a {
  text-decoration: none;
  color: #564536;
  border: 1px solid #c9b08a;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 14px;
}

.seo-main {
  padding: 22px 0 42px;
}

.seo-card {
  background: #fff8ef;
  border: 1px solid #ead8c0;
  border-radius: 20px;
  padding: 22px;
  margin-top: 16px;
}

.seo-hero {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  align-items: center;
}

.seo-hero h1 {
  margin: 0 0 12px;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.08;
}

.seo-hero p {
  line-height: 1.72;
  color: #4f4337;
}

.seo-hero__image img {
  width: 100%;
  min-height: 320px;
  border-radius: 16px;
  object-fit: cover;
  box-shadow: 0 24px 50px rgba(45, 35, 25, 0.15);
}

.seo-text-box {
  border-left: 4px solid #cf9a22;
  padding-left: 12px;
}

.seo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.seo-btn {
  text-decoration: none;
  border: 1px solid #c9b08a;
  color: #4d3d2f;
  background: #fff5e7;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
}

.seo-btn--primary {
  border-color: #cf9a22;
  color: #2b2219;
  background: #cf9a22;
}

.seo-section-block + .seo-section-block {
  margin-top: 20px;
}

.seo-grid-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}

.seo-grid-links a {
  text-decoration: none;
  color: #4f3d2e;
  border: 1px solid #d9c5a4;
  border-radius: 12px;
  background: #fbf2e3;
  padding: 10px 12px;
  font-weight: 600;
}

.seo-table {
  width: 100%;
  border-collapse: collapse;
}

.seo-table th,
.seo-table td {
  border: 1px solid #ddc9a9;
  padding: 10px;
  text-align: left;
}

.seo-table th {
  width: 36%;
  background: #f8e7cc;
}

.seo-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.seo-gallery img {
  width: 100%;
  min-height: 220px;
  border-radius: 12px;
  object-fit: cover;
}

.seo-benefits {
  margin: 0;
  padding-left: 22px;
  display: grid;
  gap: 8px;
}

.seo-form {
  display: grid;
  gap: 12px;
}

.seo-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.seo-form label,
.seo-admin label {
  display: grid;
  gap: 8px;
  font-weight: 600;
}

.seo-form input,
.seo-form textarea,
.seo-admin input,
.seo-admin textarea,
.seo-admin select {
  width: 100%;
  font: inherit;
  border: 1px solid #ccb792;
  border-radius: 10px;
  padding: 10px;
  background: #fffdf8;
}

.seo-form textarea,
.seo-admin textarea {
  min-height: 110px;
  resize: vertical;
}

.seo-admin {
  display: grid;
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
  gap: 16px;
  padding: 18px 0 30px;
}

.seo-admin__list {
  margin-top: 12px;
  max-height: 60vh;
  overflow: auto;
  display: grid;
  gap: 8px;
}

.seo-admin__list button {
  text-align: left;
  width: 100%;
  border: 1px solid #dcc7a7;
  background: #f9efdf;
  border-radius: 10px;
  padding: 10px;
  cursor: pointer;
}

.seo-admin__list button.active {
  border-color: #cf9a22;
  background: #f4deb6;
}

.seo-admin__list button span {
  display: block;
  margin-top: 4px;
  color: #6c5741;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.seo-admin__add {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #e2cfb2;
}

@media (max-width: 980px) {
  .seo-admin {
    grid-template-columns: 1fr;
  }
}


/* Treydagro unified blue design v2 — 2026-08-26 */
:root{--navy:#061727;--blue:#143c5d;--cyan:#63d7f5;--ice:#eef7fd;--white:#fff;--line:#c6ddeb;--text:#143c5d;--muted:#4b6d86;--shadow:0 22px 54px rgba(6,36,65,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Bahnschrift,"Trebuchet MS","Segoe UI",sans-serif;background:linear-gradient(180deg,#eef7fd 0%,#f8fcff 55%,#eaf5fc 100%);color:var(--text)}
.seo-container{width:min(1180px,calc(100% - 48px))}.seo-topbar{background:rgba(6,23,39,.94);border-bottom:1px solid rgba(99,215,245,.25);color:#e8f6ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.seo-topbar__inner{min-height:72px}.seo-brand{color:#e8f6ff;font-weight:850;letter-spacing:.04em}.seo-nav a{color:#e8f6ff;border-color:rgba(99,215,245,.3);padding:9px 14px;transition:.2s ease}.seo-nav a:hover,.seo-nav a:focus-visible{border-color:var(--cyan);background:rgba(99,215,245,.12);outline:none}
.seo-main{padding:30px 0 54px}.seo-card{background:rgba(255,255,255,.94);border-color:var(--line);border-radius:20px;padding:26px;box-shadow:0 10px 28px rgba(6,36,65,.07)}.seo-hero{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:38px}.seo-hero h1{font-size:clamp(32px,3.8vw,52px);color:#092d49}.seo-hero p{color:var(--muted)}.seo-hero__image img{min-height:360px;border-radius:20px;box-shadow:var(--shadow)}
.seo-text-box{border-left-color:var(--cyan);background:#f3fbff;border-radius:0 12px 12px 0;padding:12px 14px;color:var(--muted)}.seo-actions{gap:10px;margin-top:18px}.seo-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-color:#9cc9dc;color:#123c5b;background:#f6fcff;border-radius:12px;padding:11px 16px;font-weight:800;transition:.18s ease}.seo-btn:hover,.seo-btn:focus-visible{transform:translateY(-1px);border-color:var(--cyan);background:#e4f8ff;outline:none}.seo-btn--primary{border-color:var(--cyan);color:#062441;background:linear-gradient(135deg,#63d7f5,#9feaff);box-shadow:0 8px 20px rgba(20,128,171,.18)}
.seo-grid-links{gap:10px}.seo-grid-links a{color:#123c5b;border-color:#b9d9e9;background:#f4fbff;font-weight:700;transition:.18s ease}.seo-grid-links a:hover,.seo-grid-links a:focus-visible{transform:translateY(-1px);border-color:var(--cyan);background:#dff7ff;outline:none}.seo-table th,.seo-table td{border-color:#c5deeb}.seo-table th{background:#dff2fb;color:#0b3553}.seo-gallery{gap:14px}.seo-gallery img{border-radius:14px;box-shadow:0 10px 24px rgba(6,36,65,.1)}.seo-benefits li::marker{color:#1485ae}
.seo-form input,.seo-form textarea,.seo-admin input,.seo-admin textarea,.seo-admin select{border-color:#a9ccde;background:#fff;color:#123c5b}.seo-form input:focus,.seo-form textarea:focus,.seo-admin input:focus,.seo-admin textarea:focus,.seo-admin select:focus{outline:3px solid rgba(99,215,245,.3);border-color:#31add6}.seo-admin__list button{border-color:#b9d9e9;background:#f4fbff;color:#123c5b}.seo-admin__list button.active{border-color:var(--cyan);background:#dff7ff}.seo-admin__list button span{color:var(--muted)}
.privacy-consent{display:flex!important;align-items:flex-start;gap:10px;margin-top:12px;font-weight:400!important;line-height:1.5}.privacy-consent input{width:18px!important;height:18px;min-width:18px;margin-top:3px}.privacy-consent a{color:#087ba7;font-weight:750}
@media(max-width:760px){.seo-container{width:min(100% - 28px,1180px)}.seo-topbar__inner{min-height:64px}.seo-brand{font-size:14px}.seo-nav a:not(:first-child){display:none}.seo-main{padding:20px 0 80px}.seo-card{padding:18px;border-radius:16px}.seo-hero{grid-template-columns:1fr;gap:20px}.seo-hero__image img{min-height:240px;max-height:310px}.seo-actions .seo-btn{flex:1 1 145px}.seo-grid-links{grid-template-columns:1fr 1fr}.seo-form .seo-btn--primary{width:100%}}
@media(max-width:390px){.seo-container{width:min(100% - 20px,1180px)}.seo-card{padding:15px}.seo-grid-links{grid-template-columns:1fr}.seo-hero h1{font-size:clamp(28px,9vw,36px)}}


/* Unified product hero CTAs — 2026-09-27 */
.seo-hero .seo-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:24px}
.seo-hero .seo-actions .seo-btn{min-height:56px;padding:14px 22px;border-radius:14px;font-size:clamp(15px,1.15vw,18px);line-height:1.2;text-align:center;flex:0 1 auto}
.seo-hero .seo-actions .seo-btn--primary{background:linear-gradient(120deg,#63d7f5,#a1edfa);border-color:#62cce9;color:#062441;box-shadow:0 10px 24px rgba(23,142,186,.18)}
.seo-hero .seo-actions .seo-btn:not(.seo-btn--primary){background:#173349;border-color:#9bb5c3;color:#fff;box-shadow:none}
.seo-hero .seo-actions .seo-btn--primary:hover{background:linear-gradient(120deg,#82e3fa,#bbf4ff)}
.seo-hero .seo-actions .seo-btn:not(.seo-btn--primary):hover{background:#254a63;color:#fff}
.seo-hero .seo-actions .seo-btn:focus-visible{outline:3px solid #0c91bf;outline-offset:3px}
@media(max-width:600px){.seo-hero .seo-actions{flex-direction:column}.seo-hero .seo-actions .seo-btn{width:100%;flex:none;min-height:54px}}