/* ============================================================
   XIWANGQINGAN global styles sy.css
   ============================================================ */
:root{
  --brand:#2f5d4a;        /* brand green */
  --brand-d:#234b3a;
  --brand-l:#eef3ef;
  --gold:#c8a45c;        /* gold accent */
  --ink:#2b2b2b;
  --gray:#666;
  --line:#e7e7e7;
  --bg:#f7f5f0;          /* page bg */
  --font:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:#fff;font-size:15px;line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.sy-wrap{max-width:1200px;margin:0 auto;padding:0 15px}
.sy-btn{display:inline-block;background:var(--brand);color:#fff;padding:10px 26px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}
.sy-btn:hover{background:var(--brand-d)}
.sy-btn-ghost{background:#fff;color:var(--brand);border:1px solid var(--brand)}
.sy-btn-ghost:hover{background:var(--brand-l)}
.sy-btn-light{background:#fff;color:var(--brand);border:1px solid #fff}
.sy-btn-light:hover{background:rgba(255,255,255,.85)}

/* ---------- Header ---------- */
.sy-header{width:100%}
.sy-header-top{width:100%;background:#fff;padding:16px 0}
.sy-header-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.sy-logo img{height:56px;width:auto}
.sy-header-right{text-align:right}
.sy-slogan{font-size:20px;color:var(--brand);letter-spacing:6px;font-weight:700}
.sy-hotline{font-size:13px;color:var(--gray);margin-top:4px}
.sy-hotline b{color:var(--brand);font-size:16px;letter-spacing:1px}
.sy-nav{position:relative;width:100%;background:var(--brand);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:0}
.sy-nav-item{position:relative;list-style:none}
.sy-nav-item>a{display:block;color:#fff;padding:13px 26px;font-size:15px;letter-spacing:2px;transition:background .2s}
.sy-nav-item:hover>a,.sy-nav-item.sy-on>a{background:var(--brand-d)}
.sy-sub{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.1);display:none;min-width:170px;z-index:99;border-top:3px solid var(--gold)}
.sy-sub a{display:block;padding:10px 20px;color:var(--ink);font-size:14px;border-bottom:1px solid #f2f2f2}
.sy-sub a:hover{background:var(--brand-l);color:var(--brand)}
.sy-nav-item:hover .sy-sub{display:block}

/* ---------- Hero slider ---------- */
.sy-hero{position:relative;width:100%;overflow:hidden}
.sy-hero-track{display:flex;transition:transform .6s ease}
.sy-hero-slide{min-width:100%;height:460px;background-size:cover;background-position:center;position:relative}
.sy-hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,40,32,.55),rgba(20,40,32,.15) 55%,rgba(20,40,32,.05))}
.sy-hero-link{position:relative;z-index:2;display:block;height:100%}
.sy-hero-cap{position:absolute;left:8%;top:50%;transform:translateY(-50%);color:#fff;max-width:520px}
.sy-hero-cap b{display:block;font-size:42px;letter-spacing:6px;text-shadow:0 2px 12px rgba(0,0,0,.35);line-height:1.3}
.sy-hero-cap i{display:block;font-style:normal;font-size:17px;margin-top:14px;letter-spacing:3px;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.sy-hero-cap em{display:inline-block;margin-top:22px;font-style:normal;background:var(--gold);color:#fff;padding:9px 24px;border-radius:3px;font-size:14px;letter-spacing:2px}
.sy-hero-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:8px}
.sy-hero-dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}
.sy-hero-dots i.on{background:var(--gold)}

/* ---------- Service promises ---------- */
.sy-svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:34px 15px}
.sy-svc{background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);padding:18px 20px}
.sy-svc b{color:var(--brand);font-size:16px;display:block;margin-bottom:6px}
.sy-svc p{font-size:13px;color:var(--gray)}

/* ---------- Sections ---------- */
.sy-sec{padding:36px 0}
.sy-sec-rec{background:var(--bg)}
.sy-sec-about{background:#fff}
.sy-sec-cta{background:var(--brand);margin-top:10px}
.sy-sec-title{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:28px;position:relative}
.sy-sec-title h2{font-size:26px;color:var(--brand);letter-spacing:4px}
.sy-sec-line{width:56px;height:3px;background:var(--gold);margin:10px auto 0}
.sy-more{position:absolute;right:0;bottom:4px;color:var(--brand);font-size:14px}
.sy-more:hover{color:var(--gold)}

/* ---------- Product grid ---------- */
.sy-pgrid{display:grid;gap:20px}
.sy-pgrid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sy-pcard{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column}
.sy-pcard:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-4px)}
.sy-pcard-img{aspect-ratio:1/1;overflow:hidden;background:#f4f4f0}
.sy-pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.sy-pcard:hover .sy-pcard-img img{transform:scale(1.05)}
.sy-pcard-body{padding:13px 15px 16px;display:flex;flex-direction:column;flex:1}
.sy-pcard-body h3{font-size:15px;color:var(--ink);font-weight:600;line-height:1.4;height:42px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sy-pcard-cat{font-size:12px;color:#999;margin-top:6px}
.sy-pcard-price{color:#b23a2e;font-size:17px;margin-top:auto;padding-top:8px;font-weight:700}
.sy-pcard-price b{font-weight:700}

/* ---------- About ---------- */
.sy-about-grid{display:grid;grid-template-columns:480px 1fr;gap:40px;align-items:center}
.sy-about-img img{border-radius:6px;width:100%;height:320px;object-fit:cover}
.sy-about-txt h2{font-size:24px;color:var(--brand);letter-spacing:3px}
.sy-about-txt p{margin-top:16px;color:var(--gray);text-align:justify;font-size:14px}
.sy-about-txt ul{margin:14px 0 6px;padding-left:18px;color:var(--gray);font-size:14px}
.sy-about-txt ul li{margin:6px 0}

/* ---------- News tags ---------- */
.sy-tabs{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.sy-tab{padding:8px 22px;border:1px solid var(--brand);border-radius:20px;color:var(--brand);font-size:14px}
.sy-tab.on{background:var(--brand);color:#fff}
.sy-tab:hover{background:var(--brand-l)}

/* ---------- News ---------- */
.sy-news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sy-news-list-lg{grid-template-columns:1fr}
.sy-news-item{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px 18px;transition:box-shadow .2s}
.sy-news-item:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)}
.sy-news-date{flex:0 0 62px;text-align:center;background:var(--brand-l);color:var(--brand);border-radius:4px;padding:8px 4px;font-size:13px}
.sy-news-date b{display:block;font-size:22px;line-height:1.2}
.sy-news-txt{min-width:0;overflow:hidden}
.sy-news-txt h3{font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sy-news-txt p{font-size:13px;color:var(--gray);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- Page banner & breadcrumb ---------- */
.sy-page-banner{background:linear-gradient(120deg,var(--brand-d),var(--brand) 60%,#3d725a);color:#fff;padding:52px 0;text-align:center}
.sy-page-banner h1{font-size:30px;letter-spacing:6px}
.sy-page-banner p{margin-top:8px;font-size:14px;letter-spacing:2px;opacity:.9}
.sy-breadcrumb{background:var(--bg);padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.sy-breadcrumb a{color:var(--gray)}
.sy-breadcrumb a:hover{color:var(--brand)}
.sy-breadcrumb em{font-style:normal;color:var(--brand)}
.sy-bc-sep{margin:0 8px;color:#bbb}

/* ---------- Product detail ---------- */
.sy-detail-grid{display:grid;grid-template-columns:560px 1fr;gap:40px;align-items:start}
.sy-main-img{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fafaf7}
.sy-main-img img{width:100%;aspect-ratio:1/1;object-fit:cover}
.sy-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.sy-thumb{width:76px;height:76px;border:2px solid var(--line);border-radius:4px;overflow:hidden;cursor:pointer}
.sy-thumb.on{border-color:var(--brand)}
.sy-thumb img{width:100%;height:100%;object-fit:cover}
.sy-detail-info h1{font-size:24px;color:var(--ink);letter-spacing:1px}
.sy-detail-cat{font-size:13px;color:#999;margin-top:8px}
.sy-spec-box{background:var(--bg);border-radius:6px;padding:16px 20px;margin-top:16px}
.sy-spec-box p{font-size:14px;color:var(--gray);padding:5px 0;border-bottom:1px dashed #ddd}
.sy-spec-box p:last-child{border-bottom:none}
.sy-spec-box strong{color:var(--brand);margin-right:10px}
.sy-detail-price{font-size:16px;color:var(--ink);margin:18px 0 6px}
.sy-detail-price b{color:#b23a2e;font-size:24px}
.sy-detail-actions{margin:16px 0}
.sy-detail-actions .sy-btn{margin-right:12px}
.sy-detail-note{font-size:12px;color:#999}
.sy-detail-desc{margin-top:46px;border-top:2px solid var(--brand);padding-top:22px}
.sy-detail-desc h2{font-size:20px;color:var(--brand);letter-spacing:3px;margin-bottom:18px}
.sy-detail-body p{margin-bottom:10px;text-align:center}
.sy-detail-body img{max-width:100%;margin:0 auto}
.sy-pager{display:flex;justify-content:space-between;margin-top:34px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--gray)}
.sy-pager a{color:var(--brand)}
.sy-pager a:hover{color:var(--gold)}

/* ---------- Categories ---------- */
.sy-cat-intro{background:var(--bg);padding:14px 20px;border-left:4px solid var(--gold);margin-bottom:22px;color:var(--gray);font-size:14px}
.sy-cat-row{margin-bottom:44px}
.sy-cat-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;border-bottom:2px solid var(--brand);padding-bottom:8px}
.sy-cat-head h2 a{font-size:21px;color:var(--brand);letter-spacing:2px}
.sy-cat-head p{font-size:13px;color:var(--gold);letter-spacing:4px}
.sy-prod-all{margin-top:26px}

/* ---------- Articles ---------- */
.sy-article{max-width:900px;margin:0 auto}
.sy-article h1{font-size:26px;text-align:center}
.sy-article-meta{text-align:center;font-size:13px;color:#999;margin:10px 0 26px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.sy-article-body h2{font-size:19px;color:var(--brand);margin:22px 0 10px;padding-left:10px;border-left:4px solid var(--gold)}
.sy-article-body p{margin:10px 0;color:#444;text-align:justify;text-indent:2em}
.sy-info-table{width:100%;border-collapse:collapse;margin-top:26px;font-size:14px}
.sy-info-table td{border:1px solid var(--line);padding:10px 14px;vertical-align:top}
.sy-info-table td:first-child{width:150px;background:var(--brand-l);color:var(--brand);font-weight:600;text-align:center}

/* ---------- Price table ---------- */
.sy-price-note{background:var(--brand-l);color:var(--brand-d);padding:12px 18px;border-left:4px solid var(--gold);margin-bottom:18px;font-size:14px}
.sy-price-tbl{width:100%;border-collapse:collapse;margin-bottom:26px}
.sy-price-tbl td{border:1px solid var(--line);padding:9px 16px;font-size:14px}
.sy-price-tbl td:first-child{width:70%}
.sy-price-tbl td:last-child{color:#b23a2e;font-weight:600}
.sy-wrap h3{color:var(--brand);margin:4px 0 10px;font-size:17px;letter-spacing:1px}

/* ---------- Message form ---------- */
.sy-msg-grid{display:grid;grid-template-columns:1fr 430px;gap:40px;align-items:start}
.sy-msg-form h2{font-size:21px;color:var(--brand);margin-bottom:6px}
.sy-msg-intro{font-size:13px;color:var(--gray);margin-bottom:18px}
.sy-msg-form label{display:block;margin-bottom:14px}
.sy-msg-form input,.sy-msg-form textarea{width:100%;padding:11px 14px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:inherit;margin-top:6px}
.sy-msg-form input:focus,.sy-msg-form textarea:focus{border-color:var(--brand);outline:none}
.sy-msg-form button{margin-top:4px}
.sy-msg-tip{font-size:13px;color:var(--brand);margin-top:10px}
.sy-msg-side table{margin-top:0}
.sy-qr-lg{width:150px;height:150px;margin:20px auto 0}

/* ---------- Search ---------- */
.sy-searchbox{max-width:560px;margin:0 auto 30px}
.sy-searchbox form{display:flex;border:2px solid var(--brand);border-radius:4px;overflow:hidden}
.sy-searchbox input{flex:1;border:none;padding:11px 16px;font-size:14px;outline:none}
.sy-searchbox button{background:var(--brand);color:#fff;border:none;padding:0 26px;cursor:pointer}
.sy-search-res{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sy-search-empty{text-align:center;color:var(--gray);padding:50px 0;font-size:15px}

/* ---------- 404 page ---------- */
.sy-404{text-align:center;padding:90px 0}
.sy-404 h1{font-size:88px;color:var(--brand);letter-spacing:10px}
.sy-404 p{margin:16px 0 28px;color:var(--gray)}

/* ---------- Footer ---------- */
.sy-footer{background:#22332b;color:#cdd8d1;margin-top:36px}
.sy-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr .9fr;gap:30px;padding:40px 15px 30px}
.sy-foot-col h4{color:#fff;font-size:16px;margin-bottom:14px;letter-spacing:2px;position:relative;padding-bottom:8px}
.sy-foot-col h4::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--gold)}
.sy-foot-col p{font-size:13px;line-height:2;color:#a9b8b0}
.sy-foot-col a:hover{color:var(--gold)}
.sy-qr{width:104px;height:104px;margin-bottom:6px}
.sy-footer-bar{border-top:1px solid rgba(255,255,255,.08);padding:16px 0 20px;font-size:12px;color:#8fa298;line-height:1.9;text-align:center}
.sy-footer-bar a{color:#c8d6ce}

/* ---------- Categories ---------- */
.sy-catpro{position:relative;padding:56px 0 50px;text-align:center;
  background:#123f31 url('../img/h1.webp') center/cover no-repeat}
.sy-catpro::before{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(14,38,31,.92),rgba(14,38,31,.86))}
.sy-catpro .sy-wrap{position:relative}
.sy-catpro-title h2{color:#f5efdd}
.sy-catpro-title .sy-more{color:#d9c28a;border-color:rgba(217,194,138,.5)}
.sy-catpro-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;margin-top:28px}
.sy-catpro-item{display:flex;flex-direction:column;align-items:center;gap:11px;color:#f0ead8;padding:10px 4px}
.sy-catpro-num{font-size:20px;color:#d9c28a;font-family:'STKaiti','KaiTi','Microsoft YaHei',serif;line-height:1}
.sy-catpro-ico{width:92px;height:92px;border-radius:50%;background:center/cover no-repeat;
  box-shadow:0 6px 18px rgba(0,0,0,.38),0 0 0 2px rgba(217,194,138,.28);transition:transform .25s,box-shadow .25s}
.sy-catpro-name{font-size:15px;letter-spacing:3px}
.sy-catpro-item:hover .sy-catpro-ico{transform:scale(1.07);box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 0 4px rgba(217,194,138,.55)}
.sy-catpro-item:hover .sy-catpro-name{color:#e8d9a8}

/* ---------- Responsive ---------- */
@media(max-width:960px){
  .sy-nav{justify-content:flex-start;overflow-x:auto}
  .sy-nav-item>a{padding:11px 14px;font-size:13px;white-space:nowrap}
  .sy-sub{position:static;background:#eef3ef;display:none;min-width:0}
  .sy-sub a{color:var(--brand-d);border-bottom:1px solid #dde8e1}
  .sy-hero-slide{height:300px}
  .sy-hero-cap b{font-size:26px;letter-spacing:3px}
  .sy-hero-cap i{font-size:14px}
  .sy-hero-cap em{font-size:12px;padding:7px 16px;margin-top:12px}
  .sy-pgrid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sy-svc-grid{grid-template-columns:repeat(2,1fr)}
  .sy-about-grid{grid-template-columns:1fr}
  .sy-detail-grid{grid-template-columns:1fr}
  .sy-news-list{grid-template-columns:1fr}
  .sy-msg-grid{grid-template-columns:1fr}
  .sy-search-res{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sy-footer-grid{grid-template-columns:1fr 1fr}
  .sy-logo img{height:44px}
  .sy-header-right{display:none}
  .sy-catpro-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .sy-catpro{padding:40px 0 36px}
}
@media(max-width:520px){
  .sy-pgrid-4{grid-template-columns:1fr 1fr;gap:12px}
  .sy-pcard-body h3{font-size:13px;height:36px}
  .sy-pcard-price{font-size:15px}
  .sy-footer-grid{grid-template-columns:1fr}
  .sy-catpro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sy-catpro-ico{width:76px;height:76px}
}
/* ---------- Header cart entry ---------- */
.sy-cart-link{display:inline-block;margin-left:16px;font-size:13px;color:var(--brand);background:var(--brand-l);border:1px solid var(--brand);border-radius:4px;padding:5px 14px;transition:all .2s;vertical-align:middle}
.sy-cart-link:hover{background:var(--brand);color:#fff}

/* ---------- Cart / Checkout / Pay pages ---------- */
.sy-shop-wrap{max-width:1000px;margin:0 auto}
.sy-shop-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px 20px;margin-bottom:20px}
.sy-shop-bar h2{font-size:20px;color:var(--brand-d)}
.sy-shop-bar p{font-size:13px;color:var(--gray)}
.sy-shop-empty{text-align:center;padding:80px 0;color:var(--gray);background:#fff;border:1px solid var(--line);border-radius:6px}
.sy-shop-empty .sy-btn{margin-top:18px}
.sy-cart-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.sy-cart-table th{background:var(--brand);color:#fff;font-size:14px;padding:12px 14px;text-align:left;font-weight:normal}
.sy-cart-table td{padding:13px 14px;border-top:1px solid var(--line);vertical-align:middle;font-size:14px}
.sy-cart-pd{display:flex;align-items:center;gap:12px}
.sy-cart-pd img{width:64px;height:64px;border-radius:4px;object-fit:cover}
.sy-cart-pd a{color:var(--ink);font-weight:600}
.sy-cart-pd a:hover{color:var(--brand)}
.sy-cart-qty{display:flex;align-items:center;border:1px solid #ccc;border-radius:4px;width:fit-content;overflow:hidden}
.sy-cart-qty button{width:30px;height:30px;border:none;background:#f2f2f2;cursor:pointer;font-size:16px;line-height:1}
.sy-cart-qty em{width:42px;text-align:center;font-style:normal;font-size:14px}
.sy-cart-del{color:var(--gray);cursor:pointer;background:none;border:none;font-size:13px;text-decoration:underline}
.sy-cart-del:hover{color:#c0392b}
.sy-cart-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:6px}
.sy-cart-foot p{font-size:14px;color:var(--gray)}
.sy-cart-foot b{color:#c0392b;font-size:24px;margin-left:8px}
.sy-order-form{background:#fff;border:1px solid var(--line);border-radius:6px;padding:26px 28px}
.sy-order-form h3{font-size:16px;color:var(--brand-d);border-left:3px solid var(--gold);padding-left:10px;margin-bottom:18px}
.sy-form-row{display:flex;margin-bottom:16px;align-items:flex-start}
.sy-form-row label{width:110px;color:var(--gray);font-size:14px;padding-top:11px}
.sy-form-row input,.sy-form-row textarea{flex:1;padding:11px 14px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:inherit}
.sy-form-row input:focus,.sy-form-row textarea:focus{border-color:var(--brand);outline:none}
.sy-form-row textarea{min-height:72px;resize:vertical}
.sy-order-sum{background:var(--brand-l);border:1px solid #d3e3da;border-radius:6px;padding:16px 20px;margin-bottom:20px}
.sy-order-sum h3{font-size:15px;color:var(--brand-d);margin-bottom:10px}
.sy-order-sum p{font-size:13px;color:#4a5c52;line-height:1.9}
.sy-pay-box{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.sy-pay-head{background:var(--brand);color:#fff;padding:15px 24px;font-size:16px;letter-spacing:1px}
.sy-pay-body{padding:26px 28px}
.sy-pay-amt{text-align:center;padding:20px 0 6px}
.sy-pay-amt .sy-pay-label{color:var(--gray);font-size:14px}
.sy-pay-amt .sy-pay-num{color:#c0392b;font-size:42px;font-weight:bold;margin-top:8px}
.sy-pay-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14px}
.sy-pay-row:last-child{border-bottom:none}
.sy-pay-row span{color:var(--gray)}
.sy-pay-row b{color:var(--ink)}
.sy-pay-methods{display:flex;gap:14px;margin:20px 0 24px}
.sy-pay-method{flex:1;border:1px solid #ccc;border-radius:6px;text-align:center;padding:18px 8px;cursor:pointer;background:#fff;transition:all .2s}
.sy-pay-method.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.sy-pay-method b{display:block;font-size:16px;margin-bottom:5px;color:var(--ink)}
.sy-pay-method p{font-size:12px;color:var(--gray)}
.sy-pay-submit{width:100%;padding:14px;font-size:17px;cursor:pointer;border:none;border-radius:4px}
.sy-success{text-align:center;background:#fff;border:1px solid var(--line);border-radius:6px;padding:64px 30px}
.sy-success .sy-ok{width:80px;height:80px;border-radius:50%;background:var(--brand);color:#fff;font-size:40px;line-height:80px;margin:0 auto 22px}
.sy-success h2{font-size:24px;color:var(--brand-d);margin-bottom:12px}
.sy-success p{color:var(--gray);line-height:1.9;margin-bottom:6px}
.sy-success-no{background:var(--brand-l);border:1px dashed var(--brand);border-radius:6px;padding:12px 22px;display:inline-block;margin:18px 0;font-size:15px}
.sy-success-no b{color:var(--brand-d)}
.sy-success .sy-btn{margin:10px 6px 0}

/* ---------- Protocol pages ---------- */
.sy-protocol{background:#fff;border:1px solid var(--line);border-radius:6px;padding:34px 40px;line-height:2;color:#444;font-size:14px}
.sy-protocol h2{color:var(--brand-d);font-size:19px;margin:28px 0 10px}
.sy-protocol h2:first-child{margin-top:0}
.sy-protocol p{margin-bottom:10px;text-indent:2em}
.sy-protocol p.sy-noidt{text-indent:0}
.sy-protocol-date{color:var(--gray);text-align:right;font-size:13px;margin-top:26px;text-indent:0}

/* ---------- Responsive: shop pages ---------- */
@media(max-width:960px){
  .sy-cart-table{display:block;overflow-x:auto}
  .sy-pay-methods{flex-direction:column}
  .sy-form-row{flex-direction:column}
  .sy-form-row label{padding-top:0;margin-bottom:6px}
  .sy-protocol{padding:22px 18px}
}