/* SMS Storage arculat -- a mintaoldal-PDF (2026-08-29) es a gyartoi paletta szerint.
   Alapszin #004D9E: gombok, linkek, fejlec. Sotet navy #153154: lablec, elvalasztok.
   Vilagoskek #51B5F5: CSAK kiemeles es atmenet, nagy feluleten nem. */
:root{
  --sms-blue:#004D9E; --sms-blue-hi:#0060C4; --sms-navy:#153154; --sms-deep:#0B294D;
  --sms-mid:#406796; --sms-lt:#3E99D4; --sms-lt2:#51B5F5;
  --sms-line:#E2E2E2; --sms-bg2:#F0EDED; --sms-text:#222222; --sms-muted:#5A6672; --sms-white:#fff;
}
html,body{background:var(--sms-white)!important;color:var(--sms-text)!important}
body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px}
a{color:var(--sms-blue)}
h1,h2,h3,h4{color:var(--sms-navy);letter-spacing:-.01em;line-height:1.2}
.wp-site-blocks > header.wp-block-template-part,.wp-site-blocks > footer.wp-block-template-part,
body > .wp-site-blocks > header,body > .wp-site-blocks > footer{display:none!important}
.wp-site-blocks{padding-top:0!important}
main.wp-block-group{margin-block-start:0!important}

/* ---------- fejlec ---------- */
.sms-topbar{background:var(--sms-white);border-bottom:1px solid var(--sms-line);position:sticky;top:0;z-index:50}
.sms-topbar-in{max-width:1180px;margin:0 auto;padding:16px 22px;display:flex;align-items:center;gap:22px}
.sms-brand{text-decoration:none;line-height:1.05}
.sms-brand b{display:block;font-size:22px;font-weight:800;color:var(--sms-blue);letter-spacing:.01em}
.sms-brand small{display:block;font-size:10.5px;letter-spacing:.26em;color:var(--sms-mid);font-weight:600}
.sms-topnav{margin-left:auto;display:flex;gap:26px;align-items:center}
.sms-topnav a{color:var(--sms-text);text-decoration:none;font-size:15px}
.sms-topnav a:hover{color:var(--sms-blue)}
.sms-topnav .sms-btn{color:#fff!important}

/* ---------- lablec ---------- */
.sms-foot{background:var(--sms-navy);color:#C8D4E2;margin-top:70px;padding:44px 22px;font-size:14.5px}
.sms-foot-in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}
.sms-foot strong{color:var(--sms-lt2);display:block;margin-bottom:10px;font-size:14.5px}
.sms-foot a{color:#C8D4E2;text-decoration:none;display:block;line-height:1.9}
.sms-foot a:hover{color:#fff;text-decoration:underline}

/* ---------- gombok ---------- */
.sms-btn{display:inline-block;padding:13px 26px;border-radius:6px;font-weight:700;font-size:15px;text-decoration:none;transition:.15s;border:2px solid transparent}
.sms-btn-primary{background:var(--sms-blue);color:#fff!important}
.sms-btn-primary:hover{background:var(--sms-blue-hi)}
.sms-btn-ghost{border-color:var(--sms-blue);color:var(--sms-blue)!important;background:#fff}
.sms-btn-ghost:hover{background:var(--sms-blue);color:#fff!important}
.sms-btn-big{padding:17px 40px;font-size:17px}

/* ---------- fooldal ---------- */
.sms-home{max-width:1180px;margin:0 auto;padding:0}
.sms-hero{background:linear-gradient(100deg,var(--sms-deep) 0%,var(--sms-blue) 48%,var(--sms-lt) 100%);color:#fff;display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;padding:56px 46px}
.sms-hero h1{font-size:clamp(30px,3.9vw,44px);margin:0 0 18px;color:#fff}
.sms-eyebrow{color:#BFE0FA;font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}
.sms-hero .sms-lead{color:#DCEAF7;font-size:17px;line-height:1.62;margin:0 0 20px;max-width:56ch}
.sms-price{margin:0 0 22px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sms-amount{font-size:34px;font-weight:800;color:#fff}
.sms-vat{color:#CFE3F5;font-size:14px}
.sms-hero .sms-btn-ghost{border-color:#fff;color:#fff!important;background:transparent}
.sms-hero .sms-btn-ghost:hover{background:#fff;color:var(--sms-blue)!important}
.sms-hero .sms-btn-primary{background:var(--sms-lt2);color:#0A2B4D!important}
.sms-hero .sms-btn-primary:hover{background:#7CCBFB}
.sms-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.sms-microtrust{color:#CFE3F5;font-size:13px;margin:0}
.sms-hero-img{display:flex;justify-content:center;align-items:center}
.sms-hero-img img{max-width:100%;height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.35))}

.sms-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--sms-line);background:var(--sms-white)}
.sms-strip div{padding:22px 24px;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--sms-line)}
.sms-strip div:last-child{border-right:none}
.sms-strip strong{color:var(--sms-navy);font-size:19px}
.sms-strip span{color:var(--sms-muted);font-size:13px}

.sms-sect{padding:56px 46px 8px}
.sms-sect>h2{font-size:clamp(24px,2.9vw,32px);margin:0 0 26px;color:var(--sms-navy)}
.sms-lead{color:var(--sms-muted);font-size:16.5px;line-height:1.65}
.sms-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sms-cards-3{grid-template-columns:repeat(3,1fr)}
.sms-card{background:#fff;border:1px solid var(--sms-line);border-radius:8px;padding:24px}
.sms-card h3{font-size:16.5px;margin:0 0 10px;color:var(--sms-blue)}
.sms-card p{margin:0;color:var(--sms-muted);font-size:14.5px;line-height:1.62}
.sms-sect .sms-cta-row{margin-top:30px}

.sms-compat{background:var(--sms-bg2);margin-top:44px;padding-bottom:44px}
.sms-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 0}
.sms-yes,.sms-no{border-radius:8px;padding:24px 26px;background:#fff;border:1px solid var(--sms-line)}
.sms-yes{border-left:4px solid #1E7E34}
.sms-no{border-left:4px solid #B02A2A}
.sms-yes h3,.sms-no h3{font-size:14px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.07em}
.sms-yes h3{color:#1E7E34}.sms-no h3{color:#B02A2A}
.sms-yes ul,.sms-no ul{margin:0;padding-left:20px;color:var(--sms-text);line-height:1.9;font-size:15px}
.sms-note{color:var(--sms-muted);font-size:13.5px;margin:12px 0 0}
.sms-help{margin:24px 0 0;padding:18px 22px;background:#fff;border:1px solid var(--sms-line);border-left:4px solid var(--sms-blue);border-radius:8px;font-size:15px}

.sms-spec{width:100%;border-collapse:collapse;border:1px solid var(--sms-line);font-size:15px;background:#fff}
.sms-spec th,.sms-spec td{padding:12px 20px;border-bottom:1px solid var(--sms-line);text-align:left}
.sms-spec th{width:44%;color:var(--sms-navy);font-weight:600;background:var(--sms-bg2)}
.sms-spec tr:last-child th,.sms-spec tr:last-child td{border-bottom:none}
.sms-src{color:var(--sms-muted);font-size:13.5px;margin:16px 0 0}

.sms-faq details{border:1px solid var(--sms-line);border-radius:8px;background:#fff;margin:0 0 10px}
.sms-faq summary{cursor:pointer;padding:16px 22px;font-weight:650;color:var(--sms-navy);list-style:none;font-size:15.5px}
.sms-faq summary::-webkit-details-marker{display:none}
.sms-faq summary::after{content:"+";float:right;color:var(--sms-blue);font-weight:700}
.sms-faq details[open] summary::after{content:"\2212"}
.sms-faq p{margin:0;padding:0 22px 18px;color:var(--sms-muted);line-height:1.65;font-size:14.5px}

.sms-final{margin:62px 0 0;padding:54px 30px;text-align:center;background:linear-gradient(100deg,var(--sms-deep),var(--sms-blue) 60%,var(--sms-lt));color:#fff}
.sms-final h2{font-size:clamp(25px,3.1vw,34px);margin:0 0 12px;color:#fff}
.sms-final p{color:#DCEAF7;margin:0 0 22px}
.sms-final .sms-cta-row{justify-content:center}
.sms-final .sms-btn-primary{background:#fff;color:var(--sms-blue)!important}
.sms-final .sms-btn-primary:hover{background:#E9F3FC}
.sms-final .sms-microtrust{color:#DCEAF7}
.sms-final .sms-microtrust a{color:#fff}

/* ---------- oldalak ---------- */
.sms-page,.wp-block-post-content{max-width:1000px;margin:0 auto}
.entry-content,.wp-block-post-content{padding:0 22px}
.wp-block-post-title{max-width:1000px;margin:34px auto 18px!important;padding:0 22px;color:var(--sms-navy)}
.sms-legal h2{font-size:20px;margin:32px 0 12px;padding-top:18px;border-top:1px solid var(--sms-line);color:var(--sms-navy)}
.sms-legal p,.sms-legal li{color:#3B4652;line-height:1.72;font-size:15.5px}
.sms-legal table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14.5px}
.sms-legal th,.sms-legal td{border:1px solid var(--sms-line);padding:10px 14px;text-align:left}
.sms-legal th{background:var(--sms-bg2);color:var(--sms-navy);font-weight:600}
.sms-draftbox{background:#FFF7E6;border:1px solid #E0B25C;border-left:4px solid #C98A17;border-radius:8px;padding:18px 22px;margin:0 0 28px;color:#5A4415;font-size:14.5px;line-height:1.6}

/* ---------- WooCommerce ---------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #payment #place_order,
.wc-block-components-checkout-place-order-button,.wc-block-components-button:not(.is-link),.wp-element-button{
  background:var(--sms-blue)!important;color:#fff!important;border-radius:6px!important;font-weight:700!important}
.woocommerce a.button:hover,.wc-block-components-checkout-place-order-button:hover{background:var(--sms-blue-hi)!important}
.wc-block-checkout__form,.wp-block-woocommerce-checkout{max-width:1180px;margin:0 auto;padding:30px 22px}
.wc-block-components-title,.wc-block-components-checkout-step__title,.woocommerce-checkout h3{color:var(--sms-navy)!important}
.wc-block-components-text-input input,.wc-block-components-textarea,.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,select{background:#fff!important;border:1px solid #C9CFD6!important;color:var(--sms-text)!important;border-radius:6px!important}
.wc-block-components-order-summary,.wc-block-components-totals-wrapper,.wc-block-components-panel,
.wc-block-components-radio-control-accordion-option,.woocommerce table.shop_table{background:#fff;border:1px solid var(--sms-line)!important;border-radius:8px}
.wc-block-components-product-name,.woocommerce-Price-amount{color:var(--sms-navy)!important}
.wc-block-components-sidebar-layout .wc-block-components-main{border-right:1px solid var(--sms-line)}
.woocommerce div.product .price{color:var(--sms-navy)!important}

@media(max-width:980px){
  .sms-hero{grid-template-columns:1fr;gap:26px;padding:36px 24px}
  .sms-sect{padding:40px 24px 8px}
  .sms-strip{grid-template-columns:repeat(2,1fr)}
  .sms-strip div:nth-child(2){border-right:none}
  .sms-cards,.sms-cards-3{grid-template-columns:1fr 1fr}
  .sms-two{grid-template-columns:1fr}
}
@media(max-width:620px){
  .sms-cards,.sms-cards-3,.sms-strip{grid-template-columns:1fr}
  .sms-strip div{border-right:none;border-bottom:1px solid var(--sms-line)}
  .sms-topnav{gap:12px}.sms-topnav a:not(.sms-btn){display:none}
}

/* ---------- a fooldal TELJES szelessegben, kozepre igazitva ---------- */
body.home .wp-block-post-content,
body.home .entry-content,
body.home main .is-layout-constrained > *{max-width:none!important;padding:0!important;margin-left:0!important;margin-right:0!important}
body.home main,body.home .wp-block-group{max-width:none!important;padding:0!important}
.sms-home{max-width:1180px;margin-left:auto;margin-right:auto}
.sms-hero,.sms-strip,.sms-final{border-radius:0}
/* javitas: a fenti szabaly a .sms-home-t is balra rantotta */
body.home .sms-home,.sms-home{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:1224px){.sms-home{padding-left:0;padding-right:0}}
/* golyoallo: a tema alignfull/global-padding negativ margoit teljesen semlegesitjuk */
body.home .entry-content,body.home .wp-block-post-content{
  margin:0 auto!important;width:100%!important;max-width:100%!important;padding:0!important;
  left:auto!important;right:auto!important;transform:none!important;box-sizing:border-box!important}
body.home .wp-site-blocks{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
.sms-home{box-sizing:border-box;width:100%}
.sms-home>*{box-sizing:border-box}

/* ---------- letoltesek ---------- */
.sms-dl{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sms-dlcard{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--sms-line);border-radius:8px;padding:20px 22px;text-decoration:none;transition:.15s}
.sms-dlcard:hover{border-color:var(--sms-blue);box-shadow:0 4px 16px rgba(0,77,158,.10)}
.sms-dlcard[aria-disabled="true"]{opacity:.55;pointer-events:none}
.sms-dlic{flex:0 0 auto;background:var(--sms-blue);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;padding:7px 10px;border-radius:4px;margin-top:2px}
.sms-dltxt{color:var(--sms-muted);font-size:14px;line-height:1.55}
.sms-dltxt strong{display:block;color:var(--sms-navy);font-size:16px;margin-bottom:3px}
.sms-dlnote{color:var(--sms-muted);font-size:13.5px;margin:14px 0 0}
@media(max-width:760px){.sms-dl{grid-template-columns:1fr}}

/* ---------- mennyiseg-vezerlo a penztarban ---------- */
.sms-qty{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:14px 18px;background:#fff;border:1px solid var(--sms-line);border-radius:8px}
.sms-qty-lbl{color:var(--sms-navy);font-weight:600;font-size:15px;margin-right:auto}
.sms-qty-btn{width:34px;height:34px;border:1px solid var(--sms-blue);background:#fff;color:var(--sms-blue);font-size:19px;line-height:1;border-radius:6px;cursor:pointer;font-weight:700}
.sms-qty-btn:hover:not(:disabled){background:var(--sms-blue);color:#fff}
.sms-qty-btn:disabled{opacity:.45;cursor:default}
.sms-qty-val{min-width:32px;text-align:center;font-weight:700;font-size:17px;color:var(--sms-navy)}

/* ---------- ASZF oldal: teljes szelesseg ---------- */
.sms-legal{max-width:1000px;margin:0 auto;padding:0 22px 30px}
body.page .wp-block-post-title{max-width:1000px;margin:34px auto 20px!important;padding:0 22px}
/* ASZF/aloldalak: ugyanaz a 1180-as szelesseg, mint a tobbi oldalon */
.sms-legal{max-width:1180px!important}
body.page .wp-block-post-title{max-width:1180px!important}
body.page .entry-content,body.page .wp-block-post-content{max-width:100%!important;padding:0!important}
body.page main,body.page .wp-block-group{max-width:none!important}
.sms-legal table{font-size:15px}
.sms-legal th{width:32%}

/* ---------- kapcsolat blokk ---------- */
.sms-contact{background:var(--sms-bg2);margin-top:44px;padding-bottom:46px}
.sms-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}
.sms-cinfo{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:20px 0 0;font-size:15px}
.sms-cinfo dt{color:var(--sms-muted);font-weight:600}
.sms-cinfo dd{margin:0;color:var(--sms-navy)}
.sms-form{background:#fff;border:1px solid var(--sms-line);border-radius:8px;padding:26px}
.sms-form label{display:block;margin:0 0 14px;color:var(--sms-navy);font-weight:600;font-size:14.5px}
.sms-form .sms-opt{color:var(--sms-muted);font-weight:400}
.sms-form input[type=text],.sms-form input[type=email],.sms-form input[type=tel],.sms-form textarea{
  display:block;width:100%;margin-top:6px;padding:11px 13px;border:1px solid #C9CFD6;border-radius:6px;
  font:inherit;color:var(--sms-text);background:#fff;box-sizing:border-box}
.sms-form input:focus,.sms-form textarea:focus{outline:none;border-color:var(--sms-blue);box-shadow:0 0 0 3px rgba(0,77,158,.12)}
.sms-frow{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.sms-form button{border:none;cursor:pointer;margin-top:4px}
.sms-fnote{color:var(--sms-muted);font-size:13px;margin:14px 0 0}
.sms-hp{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.sms-fmsg{padding:13px 16px;border-radius:6px;margin:0 0 18px;font-size:14.5px}
.sms-fmsg.ok{background:#E6F4EA;border:1px solid #1E7E34;color:#14532A}
.sms-fmsg.err{background:#FDECEA;border:1px solid #B02A2A;color:#7A1C1C}
@media(max-width:900px){.sms-contact-grid{grid-template-columns:1fr}.sms-frow{grid-template-columns:1fr}}
.sms-barion-title{margin-right:10px}
label[for="radio-control-wc-payment-method-options-barion"] .wc-block-components-radio-control__label{display:flex;align-items:center;gap:8px}
label[for="radio-control-wc-payment-method-options-barion"] img{max-height:22px;width:auto}
/* horgony-ugras: a ragadós fejléc ne takarja a cimet */
#kapcsolat,#muszaki,#kompatibilitas,#gyik,#letoltesek{scroll-margin-top:96px}

/* ---------- protokoll-lista ---------- */
.sms-proto{margin:28px 0 0;background:#fff;border:1px solid var(--sms-line);border-radius:8px;padding:26px 28px}
.sms-proto h3{font-size:18px;margin:0 0 8px;color:var(--sms-navy)}
.sms-proto-lead{color:var(--sms-muted);font-size:14.5px;line-height:1.6;margin:0 0 20px;max-width:78ch}
.sms-proto-cols{display:grid;grid-template-columns:1.6fr 1fr;gap:26px}
.sms-proto h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sms-blue);margin:0 0 10px}
.sms-chips{display:flex;flex-wrap:wrap;gap:7px}
.sms-chip{display:inline-block;background:var(--sms-bg2);border:1px solid var(--sms-line);color:var(--sms-navy);
  border-radius:999px;padding:5px 13px;font-size:13.5px;font-weight:600}
.sms-proto-warn{margin:20px 0 0;padding:14px 18px;background:#FFF7E6;border:1px solid #E0B25C;border-left:4px solid #C98A17;
  border-radius:6px;color:#5A4415;font-size:14px;line-height:1.6}
.sms-proto-warn strong{color:#43330F}
@media(max-width:760px){.sms-proto-cols{grid-template-columns:1fr}}
/* a hero termekkep sose legyen a sajat felbontasa fole nagyitva */
.sms-hero-img img{max-width:min(100%,420px);image-rendering:auto}
.sms-legal-lead{color:var(--sms-muted);font-size:15px;margin:0 0 8px}
.sms-legal ul{color:#3B4652;line-height:1.8;font-size:15.5px}
.sms-formminta{background:var(--sms-bg2);border:1px solid var(--sms-line);border-radius:8px;padding:22px 26px;margin:16px 0 0}
.sms-formminta p{margin:0 0 12px;color:var(--sms-navy)}
.sms-legal .sms-note{color:var(--sms-muted);font-size:13.5px}