:root {
  --gd:#2D5A1B;--gm:#3B6D11;--gl:#639922;
  --gs:#C0DD97;--gp:#EAF3DE;--gps:#F4FAF0;
  --ink:#1A1A18;--i2:#4A4A45;--i3:#7A7A73;--i4:#AEADA6;
  --bg:#FAFAF8;--card:#FFFFFF;--alt:#F4FAF0;
  --b:rgba(60,60,50,0.1);--bm:rgba(60,60,50,0.18);
  --serif:'DM Serif Display',Georgia,serif;
  --sans:'DM Sans',system-ui,sans-serif;
  --r:10px;--rl:16px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}

/* NAV */
nav{position:sticky;top:0;z-index:200;background:rgba(250,250,248,0.95);backdrop-filter:blur(12px);border-bottom:0.5px solid var(--b);padding:0 52px;display:flex;align-items:center;justify-content:space-between;height:66px}
.logo{display:flex;flex-direction:column;line-height:1;gap:1px;text-decoration:none}
.logo-main{font-size:17px;font-weight:500;letter-spacing:7px;color:var(--ink)}
.logo-sub{font-size:8px;letter-spacing:3px;color:var(--i3);margin-top:2px}
.logo-name{font-size:8px;letter-spacing:2px;color:var(--i4)}
.nav-links{display:flex;gap:24px}
.nav-links a{font-size:15px;color:var(--i2);text-decoration:none;letter-spacing:0.3px;transition:color 0.2s;cursor:pointer}
.nav-links a:hover{color:var(--gm)}
.btn-nav{background:var(--gm);color:white;border:none;padding:11px 24px;border-radius:var(--r);font-size:14px;font-family:var(--sans);cursor:pointer;transition:background 0.2s;white-space:nowrap}
.btn-nav:hover{background:var(--gd)}
.hamburger{display:none;background:none;border:0.5px solid var(--bm);border-radius:var(--r);width:38px;height:38px;cursor:pointer;align-items:center;justify-content:center;color:var(--ink);font-size:20px}
.mobile-menu{display:none;position:fixed;top:66px;left:0;right:0;z-index:199;background:rgba(250,250,248,0.98);backdrop-filter:blur(16px);border-bottom:0.5px solid var(--bm);padding:16px 24px 20px;flex-direction:column;gap:4px}
.mobile-menu.open{display:flex}
.mobile-menu a{font-size:15px;color:var(--i2);text-decoration:none;padding:10px 8px;border-bottom:0.5px solid var(--b);cursor:pointer;display:block;transition:color 0.15s}
.mobile-menu a:hover{color:var(--gm)}
.mobile-menu a:last-of-type{border-bottom:none}
/* Bug fix: was width:100% — button was stretching full-width on mobile */
.mobile-menu .btn-mobile{background:var(--gm);color:white;border:none;padding:12px 20px;border-radius:var(--r);font-size:14px;font-family:var(--sans);cursor:pointer;width:auto;align-self:flex-start;margin-top:8px}

/* HERO */
.hero-wrap{background:var(--card);border-bottom:0.5px solid var(--b)}
.hero{padding:64px 52px;display:grid;grid-template-columns:1.2fr 0.8fr;gap:48px;align-items:center;max-width:1200px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--gp);color:var(--gd);font-size:11px;letter-spacing:1.5px;padding:5px 13px;border-radius:20px;margin-bottom:22px}
.hero h1{font-family:var(--serif);font-size:40px;font-weight:400;line-height:1.22;color:var(--ink);margin-bottom:16px;letter-spacing:-0.5px}
.hero h1 em{color:var(--gm);font-style:italic}
.hero-sub{font-size:15px;color:var(--i2);line-height:1.75;margin-bottom:16px;max-width:460px}
.hero-niches{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}
.niche-tag{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--i2)}
.niche-tag i{color:var(--gm);font-size:16px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{background:var(--gm);color:white;border:none;padding:12px 24px;border-radius:var(--r);font-size:14px;font-family:var(--sans);cursor:pointer;transition:background 0.2s}
.btn-primary:hover{background:var(--gd)}
.btn-outline{background:transparent;color:var(--gm);border:1.5px solid var(--gm);padding:11px 22px;border-radius:var(--r);font-size:14px;font-family:var(--sans);cursor:pointer;transition:all 0.2s}
.btn-outline:hover{background:var(--gp)}
.hero-card{background:var(--bg);border:0.5px solid var(--bm);border-radius:var(--rl);overflow:hidden}
.hero-card-logo{background:white;padding:32px 24px;display:flex;align-items:center;justify-content:center;border-bottom:0.5px solid var(--b);min-height:160px}
.hero-card-logo img{max-width:100%;max-height:120px;object-fit:contain}
.hero-card-body{padding:20px 22px}
.card-name{font-size:15px;font-weight:500;color:var(--ink)}
.card-title{font-size:10px;letter-spacing:2px;color:var(--gm);margin-top:2px;margin-bottom:12px}
.card-bio{font-size:13px;color:var(--i2);line-height:1.65;margin-bottom:16px}
.next-slot{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--i2);padding:11px 14px;background:var(--gp);border-radius:var(--r);border:0.5px solid var(--gs)}
.next-slot i{color:var(--gm);font-size:15px}
.next-slot strong{color:var(--gd)}

/* DIVIDER */
.divider-visual{padding:28px 52px;background:var(--card);border-top:0.5px solid var(--b);border-bottom:0.5px solid var(--b);display:flex;align-items:center;justify-content:center;gap:64px;flex-wrap:wrap}
.divider-stat{text-align:center}
.divider-stat-num{font-family:var(--serif);font-size:26px;color:var(--gm);font-style:italic;line-height:1}
.divider-stat-label{font-size:11px;letter-spacing:2px;color:var(--i3);margin-top:5px}
.divider-sep{width:0.5px;height:36px;background:var(--b)}

/* SECTIONS */
.section{padding:64px 52px;max-width:1200px;margin:0 auto}
.section-alt{background:var(--alt);border-top:0.5px solid var(--b);border-bottom:0.5px solid var(--b)}
.section-eyebrow{font-size:10px;letter-spacing:3px;color:var(--gm);margin-bottom:8px}
.section h2{font-family:var(--serif);font-size:36px;font-weight:400;color:var(--ink);margin-bottom:8px}
.section-sub{font-size:15px;color:var(--i2);line-height:1.7;margin-bottom:36px;max-width:620px}

/* SPECJALIZACJE */
.niches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.niche-card{background:var(--card);border:0.5px solid var(--bm);border-radius:var(--rl);padding:22px;transition:border-color 0.2s,transform 0.15s}
.niche-card:hover{border-color:var(--gl);transform:translateY(-2px)}
.niche-card.featured{border:1.5px solid var(--gs);background:var(--gp)}
.niche-card.featured-b2b{border:1.5px solid var(--gs);background:var(--gd)}
.niche-card.featured-b2b h3{color:white}
.niche-card.featured-b2b p{color:var(--gs)}
.niche-card.featured-b2b .niche-icon{background:rgba(255,255,255,0.12)}
.niche-card.featured-b2b .niche-icon i{color:var(--gs)}
.niche-card.featured-b2b .niche-link{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:12px;color:var(--gs);text-decoration:none;cursor:pointer}
.niche-icon{width:38px;height:38px;background:var(--gp);border-radius:var(--r);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.niche-card.featured .niche-icon{background:var(--gs)}
.niche-icon i{color:var(--gm);font-size:20px}
.niche-badge{font-size:10px;background:var(--gs);color:var(--gd);padding:3px 9px;border-radius:10px;display:inline-block;margin-bottom:10px;letter-spacing:0.5px}
.niche-card h3{font-size:15px;font-weight:500;color:var(--ink);margin-bottom:7px}
.niche-card p{font-size:13px;color:var(--i2);line-height:1.65}

/* O MNIE */
.about-outer{padding:64px 52px;max-width:1200px;margin:0 auto}
.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start}
.about-sticky{position:sticky;top:86px;display:flex;flex-direction:column;gap:8px}
.about-sticky-eyebrow{font-size:10px;letter-spacing:3px;color:var(--gm)}
.about-card{background:var(--card);border:0.5px solid var(--bm);border-radius:var(--rl);overflow:hidden}
.about-card-header{display:flex;align-items:center;gap:18px;padding:20px 22px;border-bottom:0.5px solid var(--b)}
.about-card-photo{width:110px;height:130px;object-fit:cover;object-position:center 15%;border-radius:var(--r);flex-shrink:0;display:block}
.about-card-identity{flex:1}
.about-card-body{padding:20px 22px}
.about-name{font-size:22px;font-weight:500;color:var(--ink);line-height:1.2}
.about-title{font-size:11px;letter-spacing:2px;color:var(--gm);margin-top:5px}
.about-bio{font-size:13px;color:var(--i2);line-height:1.75;margin-bottom:10px}
.exp-items{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:0.5px solid var(--b)}
.exp-item{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--i2)}
.exp-item i{color:var(--gm);font-size:14px;margin-top:2px;flex-shrink:0}
.about-right{display:flex;flex-direction:column;gap:28px}
.work-style h3{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--ink);margin-bottom:10px}
.work-style-lead{font-size:14px;color:var(--i2);line-height:1.75;margin-bottom:18px}
.diff-items{display:flex;flex-direction:column;gap:9px}
.diff-item{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;background:var(--card);border-radius:var(--r);border:0.5px solid var(--b)}
.diff-item i{color:var(--gm);font-size:17px;margin-top:1px;flex-shrink:0}
.diff-text{font-size:13px;color:var(--i2);line-height:1.6}
.diff-text strong{font-weight:500;color:var(--ink);display:block;margin-bottom:2px}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.blog-card{background:var(--card);border:0.5px solid var(--b);border-radius:var(--rl);padding:18px;cursor:pointer;transition:border-color 0.2s,transform 0.15s}
.blog-card:hover{border-color:var(--gl);transform:translateY(-2px)}
.blog-thumb{background:var(--gp);height:104px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;margin-bottom:14px;border:0.5px solid var(--gs)}
.blog-thumb i{font-size:34px;color:var(--gm)}
.blog-cat{font-size:10px;color:var(--gd);background:var(--gp);padding:3px 9px;border-radius:10px;display:inline-block;margin-bottom:8px;letter-spacing:0.5px}
.blog-card h3{font-size:14px;font-weight:500;color:var(--ink);line-height:1.45;margin-bottom:7px}
.blog-card p{font-size:12px;color:var(--i2);line-height:1.6;margin-bottom:10px}
.blog-meta{font-size:11px;color:var(--i4);display:flex;align-items:center;gap:5px}

/* BLOG INDEX PAGE */
.blog-page-header{background:var(--card);border-bottom:0.5px solid var(--b);padding:48px 52px}
.blog-page-header-inner{max-width:1200px;margin:0 auto}
.blog-page-header .section-eyebrow{margin-bottom:10px}
.blog-page-header h1{font-family:var(--serif);font-size:36px;font-weight:400;color:var(--ink);margin-bottom:10px}
.blog-page-header p{font-size:15px;color:var(--i2);line-height:1.7;max-width:620px}
.blog-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-index-card{background:var(--card);border:0.5px solid var(--b);border-radius:var(--rl);padding:22px;cursor:pointer;transition:border-color 0.2s,transform 0.15s;text-decoration:none;display:block}
.blog-index-card:hover{border-color:var(--gl);transform:translateY(-2px)}
.blog-index-card .blog-thumb{height:120px}
.blog-index-card h2{font-size:15px;font-weight:500;color:var(--ink);line-height:1.45;margin-bottom:8px}
.blog-index-card p{font-size:13px;color:var(--i2);line-height:1.65;margin-bottom:12px}
.blog-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--gm);text-decoration:none;margin-bottom:24px}
.blog-back:hover{color:var(--gd)}

/* B2B */
.b2b-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.b2b-who{display:flex;flex-direction:column;gap:12px}
.b2b-who h3{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--ink);margin-bottom:10px}
.b2b-who>p{font-size:14px;color:var(--i2);line-height:1.7;margin-bottom:4px}
.b2b-who-card{background:var(--card);border:0.5px solid var(--b);border-radius:var(--rl);padding:20px}
.b2b-who-card h4{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:7px;display:flex;align-items:center;gap:8px}
.b2b-who-card h4 i{color:var(--gm);font-size:17px}
.b2b-who-card p{font-size:13px;color:var(--i2);line-height:1.65}
.b2b-right h3{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--ink);margin-bottom:10px}
.b2b-right>p{font-size:14px;color:var(--i2);line-height:1.7;margin-bottom:20px}
.b2b-offers{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.b2b-offer{background:var(--card);border:0.5px solid var(--b);border-radius:var(--r);padding:14px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.b2b-offer-left h4{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:4px}
.b2b-offer-left p{font-size:12px;color:var(--i2);line-height:1.55}
.b2b-price{font-size:14px;font-weight:500;color:var(--gm);white-space:nowrap;flex-shrink:0}
.b2b-cta{padding:13px 16px;background:var(--gp);border-radius:var(--r);font-size:13px;color:var(--gd);border:0.5px solid var(--gs)}
.b2b-cta strong{display:block;font-weight:500;margin-bottom:4px;font-size:14px}

/* REZERWACJA */
.booking-top{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-bottom:40px}
.booking-left h3{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--ink);margin-bottom:10px}
.booking-left>p{font-size:13px;color:var(--i2);line-height:1.7;margin-bottom:20px}
.booking-steps{display:flex;flex-direction:column;gap:13px;margin-bottom:20px}
.step{display:flex;align-items:flex-start;gap:12px}
.step-num{width:24px;height:24px;border-radius:50%;background:var(--gp);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--gd);flex-shrink:0;margin-top:1px;border:1px solid var(--gs)}
.step-text{font-size:13px;color:var(--i2);line-height:1.6}
.step-text strong{font-weight:500;color:var(--ink)}
.location-box{padding:13px 15px;background:var(--gp);border-radius:var(--r);font-size:13px;color:var(--gd);display:flex;align-items:flex-start;gap:9px;border:0.5px solid var(--gs);line-height:1.6}
.location-box i{color:var(--gm);margin-top:2px;flex-shrink:0;font-size:16px}
.cal-wrap{background:var(--bg);border-radius:var(--r);padding:18px;border:0.5px solid var(--bm)}
.cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.cal-title{font-size:14px;font-weight:500;color:var(--ink)}
.cal-nav{display:flex;gap:6px}
.cal-nav button{background:none;border:0.5px solid var(--bm);border-radius:6px;width:26px;height:26px;cursor:pointer;font-size:14px;color:var(--i2);display:flex;align-items:center;justify-content:center;font-family:var(--sans)}
.cal-nav button:hover{background:var(--gp)}
.cal-days-hdr{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:6px}
.cdl{font-size:10px;color:var(--i4);text-align:center;padding:2px 0}
.cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.cd{font-size:12px;text-align:center;padding:6px 2px;border-radius:6px;cursor:pointer;color:var(--i2);transition:background 0.15s}
.cd:hover:not(.emp):not(.tk){background:var(--gp)}
.cd.av{background:var(--gp);color:var(--gd);font-weight:500}
.cd.sel{background:var(--gm);color:white;font-weight:500}
.cd.emp{color:transparent;cursor:default}
.cd.tk{color:var(--i4);text-decoration:line-through;cursor:default}
.time-label{font-size:11px;color:var(--i3);margin:12px 0 7px}
.time-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.slot{font-size:12px;text-align:center;padding:7px 4px;border-radius:6px;background:var(--gp);color:var(--gd);cursor:pointer;border:0.5px solid var(--gs);transition:all 0.15s;font-weight:500;font-family:var(--sans)}
.slot:hover:not(.tk){background:var(--gs)}
.slot.sel{background:var(--gm);color:white;border-color:var(--gm)}
.slot.tk{background:var(--bg);color:var(--i4);cursor:default;border-color:var(--b);text-decoration:line-through;font-weight:400}
.btn-book{width:100%;background:var(--gm);color:white;border:none;padding:13px;border-radius:var(--r);font-size:14px;font-family:var(--sans);cursor:pointer;margin-top:12px;transition:background 0.2s}
.btn-book:hover{background:var(--gd)}
.prep-divider{height:0.5px;background:var(--b)}
.prep-section{padding:40px 0 0}
.prep-section h3{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--ink);margin-bottom:6px}
.prep-section-lead{font-size:14px;color:var(--i2);line-height:1.7;margin-bottom:24px;max-width:640px}
.prep-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.prep-card{background:var(--bg);border:0.5px solid var(--b);border-radius:var(--rl);padding:20px}
.prep-card-title{font-size:12px;font-weight:500;color:var(--gd);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:7px}
.prep-card-title i{font-size:15px;color:var(--gm)}
.prep-list{display:flex;flex-direction:column;gap:8px}
.prep-list-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--i2);line-height:1.55}
.prep-list-item i{color:var(--gm);font-size:14px;margin-top:2px;flex-shrink:0}
.prep-card.relax{background:var(--gp);border-color:var(--gs)}
.prep-card.relax .prep-card-title{color:var(--gd)}
.prep-card.relax .prep-list-item{color:var(--gd)}

/* CENNIK */
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.service-card{background:var(--card);border:0.5px solid var(--bm);border-radius:var(--rl);padding:20px 22px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.service-left h3{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:5px}
.service-left p{font-size:13px;color:var(--i2);line-height:1.6}
.service-duration{font-size:11px;color:var(--i4);margin-top:6px;display:flex;align-items:center;gap:4px}
.service-price{font-size:20px;font-weight:500;color:var(--gm);white-space:nowrap;text-align:right;flex-shrink:0}
.service-price span{font-size:11px;color:var(--i4);font-weight:400;display:block;margin-top:3px}

/* FOOTER */
footer{background:var(--gd);color:white;padding:48px 52px 32px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:32px}
.footer-logo{font-size:16px;font-weight:500;letter-spacing:6px;color:white}
.footer-logo-sub{font-size:9px;letter-spacing:2px;color:rgba(255,255,255,0.5);margin-top:4px;margin-bottom:12px}
.footer-desc{font-size:12px;color:rgba(255,255,255,0.6);line-height:1.7}
.footer-col h4{font-size:11px;letter-spacing:2px;color:var(--gs);margin-bottom:14px}
.footer-col a{font-size:13px;color:rgba(255,255,255,0.7);text-decoration:none;display:block;margin-bottom:8px;cursor:pointer;transition:color 0.15s}
.footer-col a:hover{color:white}
.contact-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:rgba(255,255,255,0.7);margin-bottom:10px;line-height:1.5}
.contact-item i{color:var(--gs);font-size:15px;margin-top:2px;flex-shrink:0}
.footer-bottom{border-top:0.5px solid rgba(255,255,255,0.15);padding-top:20px;display:flex;justify-content:space-between;align-items:center}
.footer-bottom p{font-size:11px;color:rgba(255,255,255,0.4)}

/* POST PAGE */
.post-header-wrap{background:var(--card);border-bottom:0.5px solid var(--b);padding:48px 20px 36px}
.post-header{max-width:760px;margin:0 auto}
.post-header h1{font-family:var(--serif);font-size:36px;font-weight:400;color:var(--ink);line-height:1.25;margin:14px 0 16px}
.post-meta-row{display:flex;align-items:center;gap:20px;font-size:13px;color:var(--i3)}
.post-meta-row i{font-size:14px;margin-right:5px;color:var(--gm)}
.post-body-wrap{padding:48px 20px 64px}
.post-body{max-width:760px;margin:0 auto}
.post-body h2{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--ink);margin:36px 0 12px;line-height:1.3}
.post-body h3{font-size:18px;font-weight:500;color:var(--ink);margin:28px 0 10px}
.post-body p{font-size:16px;color:var(--i2);line-height:1.85;margin-bottom:18px}
.post-body ul,.post-body ol{padding-left:22px;margin-bottom:18px}
.post-body li{font-size:16px;color:var(--i2);line-height:1.8;margin-bottom:6px}
.post-body strong{font-weight:500;color:var(--ink)}
.post-body blockquote{border-left:3px solid var(--gs);padding:14px 20px;background:var(--gps);border-radius:0 var(--r) var(--r) 0;margin:24px 0;font-size:15px;color:var(--gd);font-style:italic}
.post-body hr{border:none;border-top:0.5px solid var(--b);margin:36px 0}
.post-cta{background:var(--gp);border-top:0.5px solid var(--gs);padding:56px 20px;text-align:center}
.post-cta-lead{font-size:13px;letter-spacing:1.5px;color:var(--gm);text-transform:uppercase;margin-bottom:10px}
.post-cta-title{font-family:var(--serif);font-size:30px;font-weight:400;color:var(--ink)}

/* RESPONSIVE */
@media(max-width:768px){
  nav{padding:0 20px}
  .nav-links,.btn-nav{display:none}
  .hamburger{display:flex}
  .hero{grid-template-columns:1fr;padding:36px 20px;gap:32px}
  .hero h1{font-size:28px}
  .hero-card-logo{min-height:120px;padding:24px 20px}
  .hero-card-logo img{max-height:90px}
  .niches-grid,.services-grid,.blog-grid,.prep-cards,.footer-grid,.blog-index-grid{grid-template-columns:1fr}
  .about-grid,.b2b-inner,.booking-top{grid-template-columns:1fr}
  .about-sticky{position:static}
  .about-outer,.section{padding:40px 20px}
  .divider-visual{padding:24px 20px;gap:28px}
  .divider-sep{display:none}
  footer{padding:36px 20px 24px}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center}
  .blog-page-header{padding:36px 20px}
}
