/* HS Kedai — gaya jenama Herman Sudil */
:root{--hsk-blue:#1E3A8A;--hsk-deep:#13275E;--hsk-ink:#1A2238;--hsk-muted:#5B6478;--hsk-gold:#C9A55A;--hsk-goldtx:#7A5C22;--hsk-cream:#F3ECDD;--hsk-paper:#FBF8F2;--hsk-line:#E4DCCB;--hsk-serif:'Fraunces',Georgia,serif;--hsk-sans:'Sora',system-ui,-apple-system,sans-serif}
body{font-family:var(--hsk-sans);color:var(--hsk-ink);background:var(--hsk-paper)}
h1,h2,h3,h4,.wp-block-post-title,.wc-block-components-product-name{font-family:var(--hsk-serif)}
a{color:var(--hsk-blue)}

/* Header */
.hs-k-header{background:var(--hsk-cream);border-bottom:1px solid var(--hsk-line);padding:14px 24px;position:sticky;top:0;z-index:50}
.admin-bar .hs-k-header{top:32px}
@media (max-width:782px){.admin-bar .hs-k-header{top:46px}}
.hs-k-header-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap}
.hs-k-logo{display:flex;align-items:center;gap:12px;text-decoration:none!important;flex:0 0 auto}
.hs-k-logo img{display:block;height:44px;width:auto}
.hs-k-logo span{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--hsk-goldtx);border-left:1px solid var(--hsk-line);padding-left:12px;line-height:1.2}
.hs-k-header .wp-block-navigation{font-size:15px;font-weight:500;gap:26px}
.hs-k-header .wp-block-navigation a{color:var(--hsk-ink)!important;text-decoration:none}
.hs-k-header .wp-block-navigation a:hover{color:var(--hsk-blue)!important}
.hs-k-tools{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.hs-k-tools .wc-block-mini-cart__button,.hs-k-tools .wc-block-customer-account__link{color:var(--hsk-ink)!important;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.hs-k-tools .wc-block-mini-cart__badge{background:var(--hsk-blue)!important;color:#fff!important}
.hs-k-back{font-size:13.5px;font-weight:600;color:var(--hsk-blue)!important;text-decoration:none!important;white-space:nowrap;margin-right:6px}
@media (max-width:900px){.hs-k-back{display:none}.hs-k-logo span{display:none}.hs-k-logo img{height:38px}}

/* Footer */
.hs-k-footer{background:var(--hsk-deep);color:#B9C3D9;padding:56px 24px 28px;margin-top:0;font-size:14.5px;line-height:1.7;font-weight:300}
.hs-k-footer a{color:#DDE3EF!important;text-decoration:none!important}
.hs-k-footer a:hover{color:#E9C46A!important}
.hs-k-foot-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.hs-k-foot-in h4{font-family:var(--hsk-sans);font-size:12px;font-weight:600;letter-spacing:2px;color:#E9C46A;margin:0 0 12px;text-transform:uppercase}
.hs-k-foot-in p{margin:0 0 6px}
.hs-k-foot-logo img{height:46px;width:auto;margin-bottom:14px}
.hs-k-foot-bot{max-width:1200px;margin:36px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#8F9BB8}
@media (max-width:900px){.hs-k-foot-in{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.hs-k-foot-in{grid-template-columns:1fr;gap:28px}}

/* Butang */
.wp-element-button,.wp-block-button__link,.wc-block-components-button:not(.is-link),.button,button.button,.single_add_to_cart_button,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:var(--hsk-blue)!important;color:#fff!important;border-radius:999px!important;font-family:var(--hsk-sans)!important;font-weight:600!important;border:0!important}
.wp-element-button:hover,.wp-block-button__link:hover,.wc-block-components-button:not(.is-link):hover,.button:hover{background:var(--hsk-deep)!important}
.is-style-outline .wp-block-button__link{background:transparent!important;color:var(--hsk-blue)!important;border:1.5px solid var(--hsk-blue)!important}

/* Kad produk */
.wc-block-product,.wp-block-post.product,li.product{background:#fff;border:1px solid var(--hsk-line);border-radius:20px;padding:14px 14px 18px;transition:box-shadow .2s,transform .2s}
.wc-block-product:hover,li.product:hover{box-shadow:0 16px 36px rgba(19,39,94,.10);transform:translateY(-2px)}
.wc-block-components-product-image img,.wp-block-woocommerce-product-image img{border-radius:14px}
.wp-block-post-title a,.wc-block-components-product-name{color:var(--hsk-ink)!important;text-decoration:none!important}
.wc-block-components-product-price,.wp-block-woocommerce-product-price,.price{color:var(--hsk-blue)!important;font-weight:600}
.wc-block-components-product-sale-badge,.onsale{background:var(--hsk-gold)!important;color:var(--hsk-deep)!important;border:0!important;border-radius:999px!important}

/* Laman utama kedai */
.hs-k-hero{background:var(--hsk-blue);color:#fff;border-radius:28px;padding:56px 48px;position:relative;overflow:hidden}
.hs-k-hero h1{color:#fff!important;font-size:clamp(34px,5vw,54px);line-height:1.08;margin:0 0 14px}
.hs-k-hero p{color:#D5DCEC;font-size:17px;max-width:560px;margin:0 0 24px}
.hs-k-hero .hs-k-kicker{color:#E9C46A;font-size:12.5px;font-weight:700;letter-spacing:3px;margin:0 0 12px}
.hs-k-hero .wp-block-button__link{background:#E9C46A!important;color:var(--hsk-deep)!important}
.hs-k-hero .is-style-outline .wp-block-button__link{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important}
.hs-k-kat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hs-k-kat a{display:block;background:#fff;border:1px solid var(--hsk-line);border-radius:20px;padding:22px;text-decoration:none!important;color:var(--hsk-ink)!important;transition:border-color .2s,transform .2s}
.hs-k-kat a:hover{border-color:var(--hsk-blue);transform:translateY(-2px)}
.hs-k-kat strong{display:block;font-family:var(--hsk-serif);font-size:21px;font-weight:600;color:var(--hsk-blue);margin:10px 0 4px}
.hs-k-kat span{font-size:13.5px;color:var(--hsk-muted)}
.hs-k-kat svg{color:var(--hsk-gold)}
.hs-k-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hs-k-trust div{display:flex;gap:12px;align-items:flex-start;background:var(--hsk-cream);border-radius:18px;padding:18px 20px;font-size:14px;color:var(--hsk-muted);line-height:1.5}
.hs-k-trust strong{display:block;color:var(--hsk-ink);font-size:15px}
.hs-k-trust svg{flex:0 0 auto;color:var(--hsk-blue);margin-top:2px}
.hs-k-sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hs-k-sec-h p{margin:0 0 6px;font-size:12.5px;font-weight:600;letter-spacing:3px;color:var(--hsk-goldtx)}
.hs-k-sec-h h2{margin:0;font-size:clamp(28px,4vw,40px);color:var(--hsk-blue)}
@media (max-width:900px){.hs-k-kat{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-k-trust{grid-template-columns:1fr}}
@media (max-width:600px){.hs-k-hero{padding:36px 24px;border-radius:20px}}

/* Grid produk (shortcode / klasik) */
.woocommerce ul.products,ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0!important;padding:0!important;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product,ul.products li.product{width:auto!important;float:none!important;margin:0!important;display:flex;flex-direction:column;box-sizing:border-box}
ul.products li.product img{border-radius:14px;margin-bottom:12px!important}
ul.products li.product .woocommerce-loop-product__title{font-family:var(--hsk-serif);font-size:18px!important;font-weight:600;color:var(--hsk-ink);padding:0!important;margin:0 0 6px!important;line-height:1.3}
ul.products li.product .button{margin-top:auto!important;align-self:flex-start;font-size:14px!important;padding:10px 18px!important}
@media (max-width:900px){.woocommerce ul.products,ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
.woocommerce ul.products li.product,ul.products li.product{padding:14px 14px 18px!important}
.hs-k-trust strong{font-family:var(--hsk-serif);font-weight:600;font-size:17px;margin-bottom:2px}