/*
Theme Name: สยามรัตนพิสุทธิ์
Template: astra
Version: 1.0.0
Description: Local storefront presentation using existing store content and Astra Free.
*/
:root{--siam-paper:#faf9f5;--siam-surface:#fff;--siam-ink:#292821;--siam-muted:#747269;--siam-gold:#86632e;--siam-line:#e8e2d7;--siam-soft:#f1ede3;--ast-global-color-0:#86632e;--ast-global-color-1:#62471e;--ast-global-color-4:#faf9f5;--ast-global-color-5:#fff}
body,body.ast-separate-container{background:var(--siam-paper);color:var(--siam-ink);font-family:Tahoma,"Leelawadee UI",Arial,sans-serif;line-height:1.75}
a{color:var(--siam-gold)}a:hover{color:#58421f}a:focus-visible,button:focus-visible{outline:2px solid var(--siam-gold);outline-offset:5px}
.siam-header{background:#fff;border-bottom:1px solid var(--siam-line)}
.siam-header-inner{max-width:1248px;padding:17px 24px;margin:auto;display:flex;align-items:center;gap:36px;position:relative;min-height:91px}
.siam-brand{display:flex;flex-direction:column;gap:3px;flex:none;text-decoration:none;color:var(--siam-ink);min-width:260px}
.siam-logo{width:260px;height:auto;max-height:40px;object-fit:contain;object-position:left}
.siam-brand strong{font-size:21px;line-height:1.45;font-weight:500;letter-spacing:.02em}
.siam-nav{margin-left:auto}.siam-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:28px;white-space:nowrap}
.siam-menu li{margin:0;padding:0}.siam-menu a{display:block;text-decoration:none;font-size:15px;font-weight:500;color:var(--siam-ink);padding:12px 0;position:relative}
.siam-menu .current-menu-item>a,.siam-menu a:hover{color:var(--siam-gold)}.siam-menu .current-menu-item>a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--siam-gold)}
.siam-header-actions{display:flex;align-items:center;gap:12px}.siam-cart{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;border:1px solid var(--siam-line);border-radius:3px;padding:9px 12px;text-decoration:none;color:var(--siam-gold)}
.siam-menu-toggle{display:none;width:42px;height:42px;padding:11px;background:transparent;border:1px solid var(--siam-line);border-radius:3px}.siam-menu-toggle span{display:block;height:1px;background:var(--siam-ink);margin:4px 0;width:18px}
.siam-menu-toggle:hover,.siam-menu-toggle:focus,.siam-menu-toggle[aria-expanded="true"]{background:var(--siam-soft);border-color:var(--siam-gold);color:var(--siam-gold)}
.home #content>.ast-container{max-width:1248px;display:block;padding:0 24px}.home #primary.siam-home{width:100%;margin:0;float:none;padding:0}
.siam-section{padding:52px 0;border-bottom:1px solid var(--siam-line)}.siam-categories{padding-top:38px}.siam-intro{margin-bottom:32px}
.siam-eyebrow{font-size:11px;letter-spacing:.14em;color:var(--siam-gold);margin:0 0 8px;font-weight:500}
.siam-intro h1{font-size:34px;line-height:1.4;font-weight:500;letter-spacing:-.025em;margin:0 0 8px;color:var(--siam-ink)}.siam-intro>p:last-child{font-size:14px;color:var(--siam-muted);margin:0}
.siam-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:23px}.siam-section-heading h2{font-size:25px;line-height:1.5;font-weight:500;margin:0;color:var(--siam-ink)}
.siam-text-link{font-size:13px;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:12px;padding-bottom:3px}.siam-text-link span{font-size:19px}
.siam-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.siam-category-card{display:block;text-decoration:none;color:var(--siam-ink)}
.siam-category-image{aspect-ratio:1.4;overflow:hidden;background:var(--siam-soft);border-radius:4px}.siam-category-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.siam-category-card:hover img{transform:scale(1.025)}
.siam-category-label{display:flex;align-items:center;justify-content:space-between;padding-top:14px;gap:10px}.siam-category-label h3{font-size:16px;font-weight:500;line-height:1.5;margin:0;color:var(--siam-ink)}.siam-category-label>span{color:var(--siam-gold);font-size:20px}
.siam-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.siam-product-card{min-width:0}
.siam-product-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden;padding:12px;background:#fff;border:1px solid var(--siam-line);border-radius:4px}.siam-product-image img{display:block;width:100%;height:100%;object-fit:contain}.siam-product-card:hover img{transform:none}
.siam-product-copy{padding:14px 2px 0}.siam-product-copy h3{margin:0 0 7px;font-size:16px;line-height:1.7;font-weight:400;height:54.4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.siam-product-copy h3 a{text-decoration:none;color:var(--siam-ink)}
.siam-price{font-size:18px;color:var(--siam-gold);font-weight:500}.siam-price del{font-size:14px;color:var(--siam-muted);margin-right:4px}.siam-price ins{background:none}.siam-no-image{font-size:13px;color:var(--siam-muted)}
.siam-section-end{text-align:center;margin-top:34px}.siam-button{display:inline-flex;align-items:center;gap:28px;border:1px solid var(--siam-gold);padding:12px 24px;border-radius:2px;font-size:14px;text-decoration:none;color:var(--siam-gold)}.siam-button:hover{background:var(--siam-gold);color:#fff}
.siam-story-copy{padding:26px 24px;display:flex;flex-direction:column;align-items:flex-start;flex:1;width:100%;min-width:0}.siam-story-image{display:block;width:100%;aspect-ratio:16/10;background:var(--siam-soft)}.siam-story-image img{display:block;width:100%;height:100%;object-fit:contain}.siam-story-card--text{border-top:3px solid var(--siam-gold)}
.siam-stories{padding-bottom:62px;border-bottom:0}.siam-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.siam-story-card{padding:0;overflow:hidden;background:#fff;border:1px solid var(--siam-line);border-radius:4px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.siam-story-card time{font-size:12px;color:var(--siam-muted)}
.siam-story-card h3{font-size:18px;line-height:1.65;font-weight:500;margin:14px 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.siam-story-card h3 a{color:var(--siam-ink);text-decoration:none}
.siam-story-copy>p{font-size:14px;line-height:1.9;color:var(--siam-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 22px}.siam-story-more{font-size:14px;text-decoration:none;margin-top:auto;display:flex;gap:12px}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{background:#f1ede3;border-top:1px solid var(--siam-line);color:var(--siam-muted)}
@media(max-width:1000px){.siam-header-inner{gap:18px}.siam-brand{min-width:190px}.siam-menu{gap:18px}.siam-menu a{font-size:13px}}
@media(max-width:900px){.siam-header-inner{padding:14px 20px;min-height:79px}.siam-brand{min-width:0;margin-right:auto}.siam-logo{width:210px}.siam-brand strong{font-size:18px}.siam-header-actions{margin-left:auto}.siam-menu-toggle{display:block}.siam-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:12px 20px 20px;border-bottom:1px solid var(--siam-line);z-index:100}.siam-nav.is-open{display:block}.siam-menu{display:flex;flex-direction:column;align-items:stretch;gap:0}.siam-menu a{padding:12px 5px;font-size:15px}.siam-menu .current-menu-item>a:after{display:none}.siam-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.siam-category-grid{gap:16px}.siam-category-label h3{font-size:14px}}
@media(max-width:600px){.home #content>.ast-container{padding:0 16px}.siam-header-inner{padding:13px 16px}.siam-logo{width:210px;max-width:100%}.siam-brand{flex:0 1 210px;min-width:0}.siam-brand strong{font-size:18px;letter-spacing:0}.siam-cart{padding:10px;min-width:42px;min-height:44px;justify-content:center}.siam-menu-toggle{width:44px;height:44px;flex:none}.siam-cart>span{display:none}.siam-header-actions{gap:9px}.siam-section{padding:34px 0}.siam-categories{padding-top:28px}.siam-intro{margin-bottom:25px}.siam-intro h1{font-size:26px;line-height:1.5}.siam-intro>p:last-child{font-size:14px;line-height:1.9;max-width:300px}.siam-eyebrow{font-size:10px;letter-spacing:.1em}.siam-section-heading{margin-bottom:18px;gap:10px}.siam-section-heading h2{font-size:21px}.siam-text-link{font-size:12px;gap:5px}.siam-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.siam-category-image{aspect-ratio:1.25}.siam-category-label{padding-top:10px}.siam-category-label h3{font-size:14px}.siam-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.siam-product-copy{padding-top:10px}.siam-product-image{padding:8px}.siam-product-copy h3{font-size:14px;height:71.4px;-webkit-line-clamp:3;margin-bottom:7px}.siam-price{font-size:16px}.siam-price del{font-size:12px}.siam-section-end{margin-top:26px}.siam-button{font-size:13px;padding:11px 22px}.siam-story-grid{grid-template-columns:1fr;gap:15px}.siam-story-copy{padding:22px}.siam-story-card h3{font-size:17px;margin:11px 0}.siam-stories{padding-bottom:38px}}
@media(prefers-reduced-motion:reduce){.siam-category-image img,.siam-product-image img{transition:none}}

/* Keep Thai titles and small-screen controls inside their cards. */
.siam-product-copy h3,.siam-story-card h3,.siam-story-copy>p{overflow-wrap:anywhere}
.siam-header-actions{flex:none}.siam-story-card h3{min-height:59.4px}
@media(max-width:360px){.siam-logo{width:180px}.siam-brand strong{font-size:16px}.siam-header-inner{gap:10px}.siam-header-actions{gap:6px}.siam-section-heading{align-items:flex-start;flex-wrap:wrap}}

.siam-story-card--text{border-top:3px solid var(--siam-gold)}

/* Original Mystile homepage banner: retain the complete image at every width. */
.siam-hero{margin:26px 0 0;padding:0;line-height:0}
.siam-hero-image{display:block;width:100%;max-width:100%;height:auto;border:0;border-radius:2px}
.siam-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.siam-hero+.siam-categories{padding-top:32px}
@media(max-width:600px){.siam-hero{margin-top:18px}.siam-hero+.siam-categories{padding-top:26px}}

/* Catalogue finish: uncropped, compact photographs and aligned bilingual branding. */
.siam-brand{align-items:center;text-align:center;gap:6px}.siam-logo{object-position:center}.siam-brand strong{font-size:20px}
.siam-header-actions{display:none}
.siam-store-intro{padding:30px 0 4px;max-width:960px}.siam-store-intro h1{font-size:29px;font-weight:500;line-height:1.55;margin:0 0 12px;color:var(--siam-ink)}.siam-store-intro p{font-size:15px;line-height:1.9;color:#625f55;margin:0;max-width:900px}.siam-store-intro+.siam-categories{padding-top:30px}
.siam-product-image{aspect-ratio:3/2;padding:0;border:0;border-radius:2px;background:transparent}.siam-product-image img{width:100%;height:100%;object-fit:contain}
.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:100%!important;min-width:0;margin:0!important;float:none!important;padding:0!important;background:transparent!important}
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap{aspect-ratio:3/2;padding:0!important;margin:0 0 12px!important;background:transparent}
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap>a.woocommerce-LoopProduct-link{display:block;height:100%;margin:0}
.woocommerce ul.products li.product a img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:contain;margin:0!important;padding:0;border:0}
.woocommerce ul.products li.product .astra-shop-summary-wrap{padding:0 2px;text-align:left}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px!important;line-height:1.7!important;min-height:54px;margin:0 0 7px!important;overflow-wrap:anywhere}
.woocommerce ul.products li.product .price{font-size:18px!important;color:var(--siam-gold);margin:0 0 8px!important}
.siam-details-link{display:inline-block;font-size:14px;color:var(--siam-gold);text-decoration:none;padding:5px 0}.siam-details-link span{margin-left:10px}
.siam-product-contact{padding:22px;background:var(--siam-soft);border-top:2px solid var(--siam-gold);margin:22px 0 26px;clear:both}.siam-product-contact h2{font-size:21px;margin:0 0 15px;line-height:1.5}.siam-line-contact{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font-size:16px}.siam-copy-line{font-family:inherit;background:#fff;border:1px solid var(--siam-gold);color:var(--siam-gold);padding:10px 14px;font-size:14px;min-height:44px;border-radius:2px}.siam-contact-phone{display:block;text-align:center;margin-top:15px;padding:12px 16px;background:var(--siam-gold);color:#fff!important;font-size:18px;text-decoration:none;border-radius:2px}.siam-contact-phone:hover{background:#62471e}.siam-copy-status{display:block;font-size:13px;color:var(--siam-gold);min-height:0}.siam-copy-status:not(:empty){margin-top:9px}.siam-product-contact p{font-size:13px;margin:12px 0 0;color:#625f55}
.woocommerce div.product .siam-gallery{margin-bottom:28px}.siam-gallery-open{display:block;position:relative;aspect-ratio:1;background:#fff}.woocommerce div.product .siam-gallery-main{display:block;width:100%;height:100%;object-fit:contain}.siam-gallery-hint{position:absolute;right:10px;bottom:10px;font-size:12px;line-height:1.5;padding:5px 8px;background:rgba(255,255,255,.92);color:var(--siam-gold);border-radius:2px}
.siam-gallery-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.siam-gallery-thumb{display:block;padding:2px;aspect-ratio:1;border:1px solid var(--siam-line);background:#fff;border-radius:2px;min-width:0}.siam-gallery-thumb[aria-current="true"]{border:2px solid var(--siam-gold);padding:1px}.woocommerce div.product .siam-gallery-thumb img{display:block;width:100%;height:100%;object-fit:contain;margin:0}.siam-gallery-thumb:hover{background:#fff;border-color:var(--siam-gold)}
.siam-gallery-dialog{width:min(1100px,94vw);height:90vh;max-width:94vw;max-height:90vh;padding:0;border:0;background:var(--siam-paper);color:var(--siam-ink);border-radius:3px;overflow:hidden}.siam-gallery-dialog:not([open]){display:none}.siam-gallery-dialog::backdrop{background:rgba(20,18,12,.8)}.siam-gallery-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px;border-bottom:1px solid var(--siam-line);height:66px}.siam-gallery-toolbar button{padding:8px 12px;background:#fff;color:var(--siam-gold);border:1px solid var(--siam-line);border-radius:2px;min-height:44px;font-size:14px}.siam-gallery-count{margin-right:auto;font-size:14px;white-space:nowrap}.siam-gallery-view{height:calc(100% - 66px);overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start}.siam-gallery-view img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto}.siam-gallery-view img.is-original{max-width:none;max-height:none;flex-shrink:0;margin:0}
.widget_shopping_cart,.ast-site-header-cart{display:none!important}
@media(max-width:900px){.siam-header-actions{display:flex}.siam-brand strong{font-size:18px}}
@media(max-width:600px){.siam-brand{flex-basis:210px;gap:5px}.siam-logo{width:210px}.siam-store-intro{padding-top:22px}.siam-store-intro h1{font-size:23px;line-height:1.6}.siam-store-intro p{font-size:14px;line-height:1.9}.siam-store-intro+.siam-categories{padding-top:26px}.siam-product-image{padding:0;aspect-ratio:3/2}.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;line-height:1.7!important;min-height:48px}.woocommerce ul.products li.product .price{font-size:16px!important}.siam-details-link{font-size:13px}.siam-product-contact{padding:18px}.siam-product-contact h2{font-size:20px}.siam-line-contact{font-size:15px}.siam-gallery-thumbs{gap:6px}.siam-gallery-toolbar{gap:4px;padding:8px}.siam-gallery-toolbar button{padding:7px 9px;font-size:12px}.siam-gallery-count{font-size:12px}}
.woocommerce div.product .siam-gallery-view img{width:auto;height:auto;max-width:100%;max-height:100%}.woocommerce div.product .siam-gallery-view img.is-original{width:auto;height:auto;max-width:none;max-height:none}
.siam-gallery-open{aspect-ratio:3/2}

/* Targeted introduction wrapping and the existing articles-page index. */
.siam-store-intro{max-width:1100px}.siam-store-intro p{max-width:1100px;text-wrap:balance}.siam-intro-contact,.siam-intro-phone{white-space:nowrap}
.page-id-11 #content>.ast-container{max-width:1248px;padding:0 24px;display:block}.page-id-11 #primary.siam-article-index{width:100%;margin:38px 0 56px;padding:0;float:none}.siam-article-index-heading h1{font-size:30px;font-weight:500;line-height:1.5;margin:0 0 28px;color:var(--siam-ink)}
.siam-article-index .siam-story-card h2{font-size:18px;line-height:1.65;font-weight:500;margin:14px 0 12px;min-height:59.4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.siam-article-index .siam-story-card h2 a{color:var(--siam-ink);text-decoration:none}
.siam-article-pagination{margin-top:30px}.siam-article-pagination ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.siam-article-pagination li{margin:0}.siam-article-pagination .page-numbers a,.siam-article-pagination .page-numbers span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:44px;padding:8px 12px;border:1px solid var(--siam-line);color:var(--siam-gold);text-decoration:none}.siam-article-pagination span.current{background:var(--siam-gold);border-color:var(--siam-gold);color:#fff}
@media(max-width:600px){.siam-store-intro p{text-wrap:wrap}.siam-intro-contact{white-space:normal}.page-id-11 #content>.ast-container{padding:0 16px}.page-id-11 #primary.siam-article-index{margin-top:26px;margin-bottom:38px}.siam-article-index-heading h1{font-size:26px;margin-bottom:22px}.siam-article-index .siam-story-card h2{font-size:17px;margin:11px 0}.siam-article-pagination ul{gap:6px}.siam-article-pagination .page-numbers a,.siam-article-pagination .page-numbers span{padding:8px 10px}}
.siam-story-image{position:relative;aspect-ratio:16/10;flex:none;overflow:hidden}.siam-story-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

/* Article index only: let text cards keep their natural content height. */
.siam-article-index .siam-story-card--text{align-self:start;height:auto}
.siam-article-index .siam-story-card--text .siam-story-copy{flex:none}
.siam-article-index .siam-story-card--text h2{min-height:0}
.siam-article-index .siam-story-card--text .siam-story-more{margin-top:0}
@media(max-width:600px){
 .siam-article-pagination ul{gap:4px;align-items:center}
 .siam-article-pagination .page-numbers a,.siam-article-pagination .page-numbers span{min-width:36px;min-height:44px;padding:7px 8px;font-size:13px;line-height:1.2;white-space:nowrap}
 .siam-article-pagination .page-numbers span.dots{min-width:20px;padding:7px 0;border-color:transparent}
 .siam-article-pagination .page-numbers a.prev,.siam-article-pagination .page-numbers a.next{font-size:0;padding:7px 8px}
 .siam-article-pagination a.prev::before{content:"←";font-size:18px}
 .siam-article-pagination a.next::before{content:"→";font-size:18px}
}

/* Requested shared header and homepage introduction layout only. */
.siam-header-inner{min-height:82px;padding-top:20px;padding-bottom:20px}
.siam-brand{min-width:0;flex:0 0 auto;gap:0;line-height:0}
.siam-logo{display:block;width:270px;height:auto;max-height:none;object-position:center}
.home .siam-store-intro{max-width:980px;margin:0 auto;padding:32px 0 24px;text-align:center}
.home .siam-store-intro h1{font-size:30px;line-height:1.55;font-weight:500;margin:0 0 12px;text-wrap:balance}
.home .siam-store-intro p{max-width:900px;margin:0 auto;font-size:15px;line-height:1.9;text-wrap:balance}
.home .siam-hero{margin-top:0}
@media(max-width:900px){.siam-header-inner{min-height:74px;padding-top:14px;padding-bottom:14px}.siam-brand{flex:0 1 230px}.siam-logo{width:230px;max-width:100%}}
@media(max-width:600px){.siam-header-inner{padding:14px 16px}.home .siam-store-intro{padding:24px 0 21px;text-align:left}.home .siam-store-intro h1{font-size:24px;line-height:1.6}.home .siam-store-intro p{font-size:14px;line-height:1.9;text-wrap:wrap}}

.home .siam-store-intro .siam-intro-term{white-space:nowrap}

/* Article category navigation: confined to the existing article index. */
.siam-article-index .siam-article-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;margin:0 auto 28px;max-width:1080px}.siam-article-topics a{display:inline-block;max-width:100%;padding:8px 12px;border:1px solid #dfd2b8;border-radius:4px;color:#765b28;background:#fffdf8;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.siam-article-topics a:hover,.siam-article-topics a:focus{background:#f4ecd9;color:#493714}@media(max-width:544px){.siam-article-index .siam-article-topics{gap:7px;margin-bottom:22px}.siam-article-topics a{padding:7px 9px;font-size:13px}}