@import url('/fonts.css');
:root{--g:#123e32;--d:#102a24;--cream:#f7f6f1;--line:#e5e8e2;--gold:#cfaa5b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#172d27;background:#fff;font:15px/1.55 'Noto Sans',Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:auto;padding:0 22px}.top{background:var(--d);color:#fff;text-align:center;padding:7px 12px;font-size:12px}.header{display:flex;align-items:center;gap:28px;padding:18px max(22px,calc((100vw - 1156px)/2));border-bottom:1px solid var(--line);background:#fff}.logo{font-weight:900;font-size:22px;white-space:nowrap;letter-spacing:-1px}.logo span{color:#b78732}.search{display:flex;flex:1;border:1px solid #cfd8d0;border-radius:10px;overflow:hidden;max-width:620px}.search input{width:100%;border:0;outline:0;padding:12px 16px}.search button{background:var(--g);color:white;border:0;padding:0 19px;font-size:21px}.cartBtn,.primary{border:0;background:var(--g);color:white;padding:12px 18px;border-radius:9px;font-weight:800}.cartBtn span{background:var(--gold);color:var(--d);border-radius:20px;padding:2px 7px;margin-left:4px}.nav{display:flex;gap:26px;overflow:auto;white-space:nowrap;padding:13px max(22px,calc((100vw - 1156px)/2));box-shadow:0 3px 12px #112b1d0b;font-weight:700;font-size:13px}.nav a:hover,.links a:hover{color:#9a6c20}.hero{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:400px;overflow:hidden}.heroText{max-width:600px;margin-left:auto;padding:54px 40px 58px 22px}.eyebrow{color:#a5782d;font-size:11px;letter-spacing:.16em;font-weight:900}.hero h1{font:700 clamp(38px,5vw,66px)/1.1 'Noto Serif',Georgia,serif;letter-spacing:-.04em;margin:14px 0}.hero h1 em{color:#8b6b31;font-style:normal}.hero p{max-width:530px;color:#4b6058}.hero a{display:inline-block;margin-top:18px}.heroArt{height:100%;min-height:360px;background:linear-gradient(120deg,#153b2eaa,#1f5d3d40),url('/images/golf-sun.jpg') center/cover}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px}.categories a{border:1px solid var(--line);border-radius:13px;padding:18px;background:#fff}.categories strong,.categories small{display:block}.categories strong{margin:4px 0}.categories small{color:#65756e}.categories .icon{font-size:25px;color:#b88635}.sectionHead{margin:60px 0 20px;display:flex;justify-content:space-between;align-items:end;gap:15px}.sectionHead h2,.info h2,.seo h2{font:700 32px 'Noto Serif',Georgia,serif;margin:5px 0}.sectionHead p{color:#66736b;margin:0}.filters{display:flex;gap:8px;overflow:auto;margin:22px 0}.filters button{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:9px 15px;border-radius:8px;font-weight:700}.filters .active{background:var(--g);color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:white}.product img{width:100%;height:205px;object-fit:cover;background:#edf1ec}.product .body{padding:16px;display:flex;flex:1;flex-direction:column}.product .cat{font-size:11px;color:#90702e;font-weight:800}.product h3{font-size:15px;line-height:1.4;margin:8px 0;min-height:42px}.product p{font-size:12px;color:#65756e;margin:0 0 12px}.price{font-size:18px;color:#b15b2a;font-weight:900;margin-top:auto}.product button{width:100%;border:1px solid var(--g);border-radius:8px;padding:10px;background:#fff;color:var(--g);font-weight:800;margin-top:12px}.product button:hover{background:var(--g);color:white}.empty{padding:50px;text-align:center;background:var(--cream)}.info{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;margin-top:75px;margin-bottom:65px}.info ol{list-style:none;padding:0;margin:0}.info li{display:flex;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.info li b{color:#ad8540}.seo{background:#f7f8f5;padding-top:30px;padding-bottom:35px;border-radius:14px;margin-bottom:70px}.seo p{color:#52635b}.links{display:flex;flex-wrap:wrap;gap:15px;font-weight:700;color:var(--g)}footer{background:var(--d);color:#dae5df;padding:40px 0}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer a{display:block;margin-top:8px}.footer p{color:#9eb6a9}.overlay{position:fixed;inset:0;background:#0c2119a9;z-index:50}.drawer{position:fixed;right:0;top:0;height:100dvh;width:min(100%,440px);background:#fff;z-index:51;display:flex;flex-direction:column;box-shadow:-8px 0 30px #0002}.drawer[hidden],.overlay[hidden]{display:none}.drawerHead{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--line)}.drawerHead button{border:0;background:none;font-size:30px}.cartItems{overflow:auto;flex:1;padding:15px 22px}.cartRow{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.cartRow img{width:58px;height:58px;object-fit:cover}.cartRow b{font-size:13px}.cartRow select{margin-top:6px}.cartRow button{border:0;background:none;color:#a54b37}.drawerBottom{padding:16px 22px;box-shadow:0 -2px 12px #0001}.drawerBottom label{display:block;font-weight:700;font-size:12px;margin-top:9px}.drawerBottom input,.drawerBottom textarea{display:block;width:100%;margin-top:4px;border:1px solid #cbd5ce;border-radius:7px;padding:9px}.drawerBottom .primary{width:100%;margin-top:14px}.total{display:flex;justify-content:space-between;margin:0;font-size:18px}.note{font-size:11px;color:#627469}.sr{position:absolute;width:1px;height:1px;overflow:hidden}#status{min-height:20px;font-size:12px}body.lock{overflow:hidden}@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}.categories{grid-template-columns:repeat(3,1fr)}.heroText{padding-left:22px}}@media(max-width:650px){.header{flex-wrap:wrap;gap:12px;padding:12px 16px}.logo{font-size:18px}.cartBtn{margin-left:auto;padding:9px}.search{order:3;flex-basis:100%;max-width:none}.nav{padding:12px 16px;gap:18px}.hero{display:block}.heroText{padding:38px 20px}.heroArt{min-height:180px}.categories{display:flex;overflow:auto;margin-top:20px}.categories a{min-width:155px}.grid{grid-template-columns:repeat(2,1fr);gap:9px}.product img{height:140px}.product .body{padding:11px}.product h3{font-size:13px;min-height:55px}.product p{display:none}.price{font-size:15px}.sectionHead{margin-top:40px}.sectionHead h2{font-size:26px}.info,.footer{grid-template-columns:1fr;gap:20px}.seo{margin-bottom:35px}.wrap{padding-left:15px;padding-right:15px}}

.photo{position:relative}.photo span{position:absolute;left:9px;bottom:9px;background:#ffffffdf;color:#375048;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.photo img{display:block}.product .photo{background:#f3f4ef}
.breadcrumb{display:flex;gap:10px;align-items:center;padding-top:13px;padding-bottom:13px;color:#66776e;font-size:12px}.breadcrumb a{color:#123e32;font-weight:700}

/* Shared content grid: header, hero, categories, products and footer align. */
body{overflow-x:clip}
.wrap{width:min(100% - 48px,1200px);max-width:none;margin-inline:auto;padding-inline:0}
.header{width:min(100% - 48px,1200px);margin-inline:auto;padding:18px 0;gap:24px;border-bottom:0}
.header .logo{flex:0 0 210px;font-size:21px}
.header .search{min-width:0;max-width:none}
.header .cartBtn{flex:0 0 auto}
.nav{width:min(100% - 48px,1200px);margin-inline:auto;padding:12px 0;gap:30px;box-shadow:none;border-top:1px solid var(--line)}
.nav a{flex:0 0 auto}
.hero{width:min(100% - 48px,1200px);margin:24px auto 0;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:18px;align-items:stretch}
.heroText{width:100%;max-width:none;margin:0;padding:48px clamp(30px,4vw,58px);align-self:center}
.hero h1{font-size:clamp(38px,3.6vw,54px);line-height:1.12;letter-spacing:-.035em;margin:18px 0 16px;overflow-wrap:anywhere}
.hero p{font-size:15px;max-width:480px;margin:0;line-height:1.7}
.hero a{margin-top:26px}
.heroArt{min-width:0;min-height:380px;background-position:center center}
.categories{margin-top:24px;gap:12px}
.categories a{min-width:0;min-height:104px;padding:15px 17px;display:flex;flex-direction:column;justify-content:center}
.categories .icon{font-size:22px;line-height:1}
.categories strong{font-size:14px;margin:8px 0 1px}
.categories small{font-size:12px}
.sectionHead{margin:52px 0 18px;align-items:end}
.sectionHead h2,.info h2,.seo h2{font-size:clamp(26px,2.5vw,34px)}
#resultCount{white-space:nowrap;color:#52635b;font-size:13px}
.filters{margin:18px 0 22px}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.product{min-width:0}
.product .photo img{height:215px}
.product .body{padding:16px}
.product h3{min-height:42px}
.info{gap:48px;margin-top:68px;margin-bottom:64px}
.seo{padding:28px 30px 32px;margin-bottom:64px}
.footer{gap:42px}
.nav,.categories,.filters{scrollbar-width:none}
.nav::-webkit-scrollbar,.categories::-webkit-scrollbar,.filters::-webkit-scrollbar{display:none}

@media(max-width:960px){
  .header .logo{flex-basis:auto}
  .heroText{padding:38px 32px}
  .hero h1{font-size:clamp(34px,4.5vw,44px)}
  .heroArt{min-height:340px}
  .categories{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .wrap,.header,.nav,.hero{width:calc(100% - 32px)}
  .header{flex-wrap:wrap;gap:12px;padding:14px 0}
  .header .logo{font-size:19px}
  .header .search{order:3;flex-basis:100%}
  .header .cartBtn{margin-left:auto;padding:10px 13px}
  .nav{gap:22px;padding:10px 0}
  .hero{display:grid;grid-template-columns:1fr;margin-top:16px}
  .heroText{padding:32px 26px 34px}
  .hero h1{font-size:clamp(32px,8vw,46px)}
  .heroArt{min-height:220px;height:220px}
  .categories{display:flex;overflow-x:auto;gap:9px;margin-top:18px;padding-bottom:4px}
  .categories a{flex:0 0 164px;min-height:100px}
  .sectionHead{margin-top:38px;align-items:start}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .product .photo img{height:170px}
  .product .body{padding:12px}
  .product h3{font-size:13px;min-height:55px}
  .info{grid-template-columns:1fr;gap:14px;margin-top:52px;margin-bottom:50px}
  .seo{padding:24px 20px;margin-bottom:42px}
  .footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  .footer>div:first-child{grid-column:1/-1}
}
@media(max-width:420px){
  .heroText{padding:27px 21px 30px}
  .hero h1{font-size:34px}
  .heroArt{height:185px;min-height:185px}
  .sectionHead{display:block}
  #resultCount{display:block;margin-top:8px}
  .product .photo img{height:138px}
  .product .body{padding:10px}
  .product h3{min-height:55px}
  .product button{font-size:12px;padding:9px 6px}
  .footer{grid-template-columns:1fr}
  .footer>div:first-child{grid-column:auto}
}
@media(max-width:350px){
  .grid{grid-template-columns:1fr}
  .product .photo img{height:210px}
  .product h3{min-height:0}
  .product p{display:block}
}

/* Cẩm nang golf */
.nav .blogNav{color:#926b2e}
.breadcrumb{min-width:0;flex-wrap:nowrap}.breadcrumb a{flex:0 0 auto;white-space:nowrap}.breadcrumb span[aria-current="page"]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blogPreview{margin-top:68px}
.blogSectionHead{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}
.blogSectionHead h2,.blogLead h1,.moreArticles h2,.relatedReading h2{font-family:'Noto Serif',Georgia,serif;line-height:1.2;margin:7px 0 0}
.blogSectionHead h2{font-size:clamp(26px,2.5vw,34px)}
.blogSectionHead>a,.relatedReading>a{color:var(--g);font-weight:800;white-space:nowrap}
.articleCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.articleCard{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}
.articleCardImage{display:block;overflow:hidden;background:#edf1ec}
.articleCardImage img{display:block;width:100%;height:205px;object-fit:cover;transition:transform .25s ease}
.articleCard:hover img{transform:scale(1.025)}
.articleCardBody{display:flex;flex-direction:column;flex:1;padding:18px}
.articleCategory{font-size:11px;font-weight:900;color:#91682e;text-transform:uppercase;letter-spacing:.08em}
.articleCard h3{font:700 19px/1.4 'Noto Serif',Georgia,serif;margin:9px 0 10px}
.articleCard h3 a:hover,.articleBody a:hover,.articleAside a:hover{text-decoration:underline}
.articleCard p{font-size:13px;color:#53655d;line-height:1.65;margin:0 0 18px}
.articleCardFoot{margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}
.articleCardFoot time{color:#738078}.articleCardFoot a{color:var(--g);font-weight:800;white-space:nowrap}
.relatedReading{margin-top:60px;background:var(--cream);border-radius:13px;padding:27px 30px}
.relatedReading h2{font-size:28px}.relatedReading p:not(.eyebrow){color:#53655d;margin:9px 0 13px}
.blogHeaderLinks{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:23px;font-weight:700}
.blogHeaderLinks .cartBtn{display:inline-block}
.blogLead{padding-top:38px;padding-bottom:30px}
.blogLead h1{font-size:clamp(34px,4vw,52px);max-width:790px}
.blogLead>p:last-child{font-size:16px;color:#54675d;max-width:740px;line-height:1.7}
.blogListing{padding-bottom:80px}
.articleLayout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:56px;padding-top:36px;padding-bottom:60px}
.articlePage{min-width:0}.articlePage h1{font:700 clamp(34px,3.6vw,48px)/1.2 'Noto Serif',Georgia,serif;letter-spacing:-.02em;margin:12px 0 18px}
.articleIntro{font-size:17px;color:#4d6359;line-height:1.7;margin:0}
.articleMeta{font-size:12px;color:#6c7a72;margin:18px 0 0}
.articlePage figure{margin:30px 0}.articlePage figure img{display:block;width:100%;max-height:450px;object-fit:cover;border-radius:13px}.articlePage figcaption{font-size:11px;color:#718078;margin-top:8px}
.articleBody{font-size:16px;line-height:1.85;color:#253c32}
.articleBody h2{font:700 27px/1.3 'Noto Serif',Georgia,serif;margin:36px 0 13px;scroll-margin-top:20px}
.articleBody h3{font-size:21px;margin:28px 0 12px}
.articleBody p{margin:0 0 19px}.articleBody ul,.articleBody ol{padding-left:25px;margin:0 0 22px}.articleBody li{padding-left:3px;margin:0 0 9px}
.articleBody a{color:#176548;text-decoration:underline;text-underline-offset:3px}
.articleAside{align-self:start;display:grid;gap:16px}
.articleAside>div{padding:24px;border:1px solid var(--line);border-radius:13px;background:#fafaf7}
.articleAside h2{font:700 21px 'Noto Serif',Georgia,serif;margin:8px 0}.articleAside p:not(.eyebrow){font-size:13px;color:#53655d}
.articleAside .primary{display:inline-block;margin-top:8px}.articleAside>div:last-child a{display:block;font-size:13px;line-height:1.5;color:var(--g);font-weight:700;margin-top:15px}
.moreArticles{padding-bottom:76px}.moreArticles .articleCards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
@media(max-width:960px){.articleLayout{grid-template-columns:minmax(0,1fr) 230px;gap:25px}.articleCards{gap:12px}.articleCardImage img{height:170px}.articleCardBody{padding:14px}.articleCard h3{font-size:17px}}
@media(max-width:720px){.blogPreview{margin-top:50px}.articleCards{grid-template-columns:1fr 1fr}.articleCardImage img{height:155px}.articleCard p{display:none}.articleCard h3{font-size:15px}.articleCardFoot{font-size:11px}.blogLead{padding-top:24px}.articleLayout{grid-template-columns:1fr;padding-top:20px;gap:18px}.articleAside{grid-template-columns:1fr 1fr}.articleAside>div{padding:18px}.moreArticles .articleCards{max-width:none}.blogHeaderLinks{gap:12px}.blogHeaderLinks>a:first-child{display:none}}
@media(max-width:500px){.blogSectionHead{display:block}.blogSectionHead>a{display:inline-block;margin-top:10px}.articleCards,.moreArticles .articleCards{grid-template-columns:1fr}.articleCard{display:grid;grid-template-columns:120px minmax(0,1fr)}.articleCardImage img{height:100%;min-height:150px}.articleCardBody{padding:13px}.articleCard h3{font-size:15px;margin:6px 0}.articleCard p{display:block;font-size:11px;line-height:1.5;margin-bottom:10px}.articleCardFoot{display:block}.articleCardFoot a{display:block;margin-top:4px}.articleAside{grid-template-columns:1fr}.articlePage h1{font-size:32px}.articleBody{font-size:15px}.articleBody h2{font-size:24px}.relatedReading{padding:22px 19px}.blogHeaderLinks .cartBtn{font-size:12px;padding:9px 11px}}