/*
Theme Name: Aladdin Atelier
Description: Atelier-inspired Elementor presentation for existing Aladdin Flooring content.
Template: hello-elementor
Version: 1.3.0
Text Domain: aladdin-atelier
*/
:root{--ala-paper:#f2ebe1;--ala-ink:#241c18;--ala-soft:#e0d7c8;--ala-muted:#645e57;--ala-line:rgba(36,28,24,.18);--ala-gutter:1.25rem;--ala-width:75rem}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ala-paper);color:var(--ala-ink);font-family:'Noto Sans Thai',sans-serif;font-size:1rem;line-height:1.85}
*{box-sizing:border-box}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:.25em}button,input,select,textarea{font:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--ala-ink);outline-offset:5px}
.aladdin-shell{width:100%;max-width:var(--ala-width)!important;margin-inline:auto!important}
.aladdin-section{padding:3.5rem var(--ala-gutter)!important;gap:0!important}
.aladdin-section>.e-con-inner{max-width:var(--ala-width)!important}
.aladdin-section h1,.aladdin-section h2,.aladdin-section h3{font-family:'Noto Sans Thai',sans-serif;letter-spacing:-.035em;font-weight:400;color:var(--ala-ink);line-height:1.3}
.aladdin-section h1,.aladdin-section h2{font-size:clamp(2rem,4.2vw,3.75rem)!important;margin:0}
.aladdin-section h3{font-size:1.5rem}
.aladdin-section .elementor-widget-heading{margin-bottom:1.5rem}
.aladdin-section>.e-con>.elementor-widget-text-editor:first-child p{font-size:.875rem;color:var(--ala-muted);margin-bottom:1.5rem}
.aladdin-header{padding:1rem var(--ala-gutter)!important;min-height:5.5rem;background:var(--ala-paper)!important;position:relative;z-index:20}
.aladdin-header>.e-con-inner{align-items:center}
.aladdin-header>.e-con-inner>.e-con:first-child{width:9rem!important;flex:0 0 9rem}
.aladdin-header>.e-con-inner>.e-con:last-child{width:auto!important;flex:1;min-width:0}
.aladdin-header .elementor-widget-nav-menu{width:100%}
.aladdin-header .aladdin-logo{width:7.5rem!important;max-width:100%}
.aladdin-header>.e-con-inner>.e-con:first-child{justify-content:center;align-items:flex-start}
.aladdin-logo img{filter:brightness(0);width:7rem!important;height:auto;max-height:4rem;object-fit:contain}
.aladdin-header .elementor-nav-menu a{min-height:2.75rem;line-height:1.2!important}
.aladdin-header .elementor-nav-menu--dropdown{background:var(--ala-paper)!important;border:1px solid var(--ala-line)}
.aladdin-header .elementor-nav-menu--dropdown a{padding:1rem!important;color:var(--ala-ink)!important}
.aladdin-header .elementor-nav-menu--dropdown a.elementor-item-active,.aladdin-header .elementor-nav-menu--dropdown a:hover{background-color:var(--ala-soft)!important;color:var(--ala-ink)!important}
.aladdin-section h1,.aladdin-section h2,.aladdin-section h3{font-weight:400!important}
.aladdin-header .elementor-menu-toggle{padding:.75rem;min-height:2.75rem;min-width:2.75rem;background:transparent;color:var(--ala-ink)}
.aladdin-hero{padding:0 var(--ala-gutter)!important}
.aladdin-hero>div{overflow:hidden}
.aladdin-hero-title .elementor-heading-title{font-family:'Noto Sans Thai',sans-serif!important;font-weight:400!important;font-size:clamp(2.25rem,4.7vw,4.15rem)!important;line-height:1.22!important;letter-spacing:-.03em!important;max-width:16em}
.aladdin-hero .elementor-widget-text-editor{max-width:35rem!important}
.aladdin-hero .elementor-widget-text-editor p{font-size:1rem!important;line-height:1.8!important}
.aladdin-hero .e-con{background-position:50% 40%!important}
.aladdin-hero>.e-con-inner>.e-con{min-height:35rem!important;background-size:110% auto!important}
.aladdin-about{padding:4rem var(--ala-gutter)!important}
.aladdin-about .elementor-widget-counter{display:none}
.aladdin-about .elementor-heading-title{font-size:clamp(2rem,4vw,3.5rem)!important;line-height:1.25!important;font-weight:400!important}
.aladdin-about .elementor-widget-image img{height:25rem!important;object-fit:cover;object-position:50% 28%}
.aladdin-about .elementor-widget-text-editor p{font-size:1rem!important;line-height:1.85}
.aladdin-header>.e-con-inner,.aladdin-about>.e-con-inner,.aladdin-cta>.e-con-inner,.aladdin-footer>.e-con-inner{padding:0!important}
.elementor-button,.aladdin-link-button{border-radius:0!important;min-height:3rem;padding:.9rem 1.5rem!important;background:var(--ala-ink);color:var(--ala-paper);font-size:.9rem!important;font-weight:400!important;line-height:1.3;display:inline-flex;gap:.75rem;align-items:center;justify-content:center;border:0;transition:background .2s,color .2s}
.elementor-button:hover,.aladdin-link-button:hover{background:var(--ala-soft);color:var(--ala-ink)}
.aladdin-hero .elementor-button,.aladdin-cta .elementor-button{background:var(--ala-paper)!important;color:var(--ala-ink)!important}
.aladdin-section-heading{align-items:flex-start!important;gap:1rem!important;flex-wrap:wrap}
.aladdin-section-heading .elementor-widget-heading{flex:1}
.aladdin-section-heading .elementor-widget-button{width:auto}
.aladdin-accordion{margin:1rem 0 2rem;border-top:1px solid var(--ala-line)}
.aladdin-accordion details{border-bottom:1px solid var(--ala-line)}
.aladdin-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;padding:1.5rem 0;min-height:4.5rem;font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.45;letter-spacing:-.025em}
.aladdin-accordion summary::-webkit-details-marker{display:none}
.aladdin-accordion summary svg{flex:none;width:1.25rem;height:1.25rem;transition:transform .2s}
.aladdin-accordion details[open] summary svg{transform:rotate(45deg)}
.aladdin-accordion-content{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:0 0 1.75rem;align-items:center}
.aladdin-accordion-content>a{display:flex;align-items:center;justify-content:center;min-width:0}
.aladdin-accordion-content img{display:block;width:auto;max-width:100%;height:auto;max-height:32rem;object-fit:contain}
.aladdin-accordion-content p{max-width:36rem;margin-top:0}
.aladdin-projects{display:grid;gap:3rem}
.aladdin-project{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:2.5rem 0;border-top:1px solid var(--ala-line)}
.aladdin-project-date{font-size:.85rem;color:var(--ala-muted);margin:0 0 .8rem}
.aladdin-project h3{font-size:clamp(1.5rem,2.5vw,2.1rem);margin:0;letter-spacing:-.03em;font-weight:400;line-height:1.4}
.aladdin-project h3 a,.aladdin-story h3 a{text-decoration:none}
.aladdin-project-description{font-size:.95rem}
.aladdin-project-description>p{margin:0 0 1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.aladdin-project-photo{overflow:hidden;display:block;background:var(--ala-soft)}
.aladdin-project-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 25%;transition:transform .4s}
.aladdin-project-photo:hover img{transform:scale(1.035)}
.aladdin-capabilities{display:grid!important;grid-template-columns:1fr;gap:2rem!important;padding-top:1rem}
.aladdin-capabilities>.elementor-widget{width:100%!important}
.aladdin-capabilities .elementor-icon-box-wrapper{display:block!important}
.aladdin-capabilities .elementor-icon{background:var(--ala-ink);color:var(--ala-paper);padding:.75rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}
.aladdin-capabilities .elementor-icon svg{fill:var(--ala-paper);width:1.5rem;height:1.5rem}
.aladdin-capabilities .elementor-icon-box-title{font-family:'Noto Sans Thai',sans-serif!important;font-weight:400!important;line-height:1.5!important;margin:1rem 0 0!important}
.aladdin-cta{padding:4rem var(--ala-gutter)!important;margin-block:1.5rem;background-position:50% 35%!important}
.aladdin-cta>.e-con-inner{max-width:var(--ala-width)!important}
.aladdin-cta .elementor-heading-title{font-family:'Noto Sans Thai',sans-serif!important;font-size:clamp(2rem,4.2vw,3.75rem)!important;font-weight:400!important;line-height:1.3!important;max-width:17em}
.aladdin-stories{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:1.5rem}
.aladdin-story-image{display:block;overflow:hidden;background:var(--ala-soft)}
.aladdin-story-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 25%;transition:transform .4s}
.aladdin-story-image:hover img{transform:scale(1.025)}
.aladdin-story h3{font-size:1.4rem;margin:1rem 0 .5rem;font-weight:400;line-height:1.5;letter-spacing:-.02em}
.aladdin-story p{font-size:.9rem;margin:0;color:var(--ala-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.aladdin-story-date{display:block;font-size:.8rem;color:var(--ala-muted);margin-top:1rem}
.aladdin-products-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:1rem}
.aladdin-product-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:1rem;background:#f5f0e8}
.aladdin-product-card h2,.aladdin-product-card h3{font-size:1.3rem!important;font-weight:400;margin:1rem 0 .5rem;line-height:1.5;letter-spacing:-.02em}
.aladdin-product-card>a{text-decoration:none}
.aladdin-product-card .aladdin-product-more{display:inline-flex;min-height:2.75rem;align-items:center;font-size:.85rem;text-decoration:underline;text-underline-offset:.35em}
.aladdin-pagination,.navigation.pagination .nav-links{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin:3rem 0 0}
.aladdin-pagination a,.aladdin-pagination span,.navigation.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.4rem .8rem;border:1px solid var(--ala-line);text-decoration:none;font-size:.9rem}
.aladdin-pagination .current,.navigation.pagination .current{background:var(--ala-ink);color:var(--ala-paper)}
.aladdin-footer{background:var(--ala-soft)!important;padding:3.5rem var(--ala-gutter) 1rem!important}
.aladdin-footer>.e-con-inner{max-width:var(--ala-width)!important}
.aladdin-footer .elementor-heading-title{color:var(--ala-ink)!important;font-weight:400!important}
.aladdin-footer .elementor-widget-text-editor p,.aladdin-footer .elementor-button{font-size:.875rem!important;line-height:1.8}
.aladdin-footer .elementor-button{background:none!important;color:var(--ala-ink)!important;padding:.25rem 0!important;min-height:2.5rem;justify-content:flex-start}
.aladdin-footer .elementor-widget-image:not(.aladdin-logo) img{max-height:16rem;object-fit:cover;object-position:50% 30%}
.aladdin-original-banners .swiper-slide-image{display:block;max-height:34rem;object-fit:contain}
.aladdin-about-page .elementor-widget-image img{width:100%;max-height:35rem;object-fit:cover;object-position:50% 25%}
.aladdin-about-gallery .e-gallery{gap:1.5rem!important}
.aladdin-contact-columns{display:grid!important;grid-template-columns:1fr;gap:2rem!important}
.aladdin-contact-columns iframe{width:100%;min-height:24rem}
.aladdin-sales-page .gallery{display:grid;grid-template-columns:1fr;gap:1.5rem}
.aladdin-sales-page .gallery-item{width:100%!important;margin:0!important;float:none!important}
.aladdin-sales-page .gallery img{width:100%;height:auto;border:0!important}
.aladdin-editorial>.aladdin-shell{max-width:65rem!important}
.aladdin-editorial-title .elementor-heading-title{font-size:clamp(2rem,4vw,3.4rem)!important;font-family:'Noto Sans Thai',sans-serif!important;font-weight:400!important;line-height:1.35!important;letter-spacing:-.03em}
.aladdin-original-content,.aladdin-original-content p,.aladdin-legacy-content p{font-family:'Noto Sans Thai',sans-serif!important;line-height:1.9!important;font-size:1rem!important}
.aladdin-original-content .elementor-section,.aladdin-original-content .e-con,.aladdin-legacy-content .elementor-section{background-color:transparent!important}
.aladdin-original-content .elementor-heading-title,.aladdin-legacy-content .elementor-heading-title{font-family:'Noto Sans Thai',sans-serif!important;color:var(--ala-ink)!important;line-height:1.45!important}
.aladdin-original-content .elementor-widget-text-editor{color:var(--ala-ink)!important}
.aladdin-product-gallery img{max-height:40rem;object-fit:contain}
.aladdin-legacy-content .elementor>.elementor-section-wrap>.elementor-section,.aladdin-legacy-content .elementor>.elementor-section{max-width:var(--ala-width);margin-inline:auto}
.aladdin-legacy-content .page-header{max-width:var(--ala-width);margin:3rem auto 1rem;padding-inline:var(--ala-gutter)}
.aladdin-legacy-content .site-main{background:var(--ala-paper)}
.aladdin-legacy-content iframe,.aladdin-original-content iframe{max-width:100%}
.aladdin-section .elementor-search-form__container{background:transparent;border-bottom:1px solid var(--ala-line);min-height:3.25rem;border-radius:0!important}
.aladdin-section .elementor-search-form__input{font:inherit;color:var(--ala-ink)}
.aladdin-section .elementor-search-form__submit{border-radius:0;background:var(--ala-ink);color:var(--ala-paper);min-width:3.25rem}
@media(min-width:48rem){:root{--ala-gutter:2.5rem}.aladdin-section{padding-block:4.5rem!important}.aladdin-accordion-content{grid-template-columns:1fr 1fr;gap:3rem}.aladdin-project{grid-template-columns:.85fr 1fr 1.1fr;gap:2rem}.aladdin-capabilities{grid-template-columns:repeat(4,1fr)}.aladdin-stories{grid-template-columns:1fr 1fr}.aladdin-stories .aladdin-story:first-child{grid-column:1/-1}.aladdin-stories .aladdin-story:first-child img{aspect-ratio:2.4}.aladdin-stories .aladdin-story:first-child h3{font-size:1.8rem}.aladdin-products-grid{grid-template-columns:repeat(2,1fr)}.aladdin-contact-columns{grid-template-columns:.85fr 1.15fr}.aladdin-sales-page .gallery{grid-template-columns:1fr 1fr}.aladdin-header{padding-block:.7rem!important}.aladdin-hero{padding-inline:0!important}.aladdin-about{padding-block:5rem!important}.aladdin-cta{padding-block:5rem!important}}
@media(min-width:64rem){.aladdin-section{padding-block:5.5rem!important}.aladdin-products-grid{grid-template-columns:repeat(3,1fr)}.aladdin-about{padding-inline:0!important}.aladdin-projects{gap:1rem}.aladdin-footer{padding-block:4.5rem 1.5rem!important}}
@media(max-width:47.999rem){.aladdin-hero .e-con{padding:1.5rem!important}.aladdin-hero>div>.e-con{min-height:32rem!important}.aladdin-hero .elementor-widget-heading,.aladdin-hero .elementor-widget-text-editor{width:100%!important}.aladdin-hero .elementor-widget-text-editor p{font-size:1rem!important}.aladdin-hero-title .elementor-heading-title{font-size:2.15rem!important}.aladdin-about .e-con{width:100%!important}.aladdin-about>.e-con-inner,.aladdin-about>.e-con{flex-direction:column!important}.aladdin-about .elementor-widget-image img{height:20rem!important}.aladdin-project-photo{order:2}.aladdin-project-description{order:3}.aladdin-section-heading{flex-direction:column!important}.aladdin-cta .e-con{padding-inline:0!important}.aladdin-footer .e-con{width:100%!important}.aladdin-original-banners .elementor-heading-title{font-size:1.5rem!important}}
@media(max-width:47.999rem){
 .aladdin-header{min-height:5rem;padding:.75rem var(--ala-gutter)!important}
 .aladdin-header>.e-con-inner{min-height:4rem;gap:0!important}
 .aladdin-header .elementor-menu-toggle svg{fill:var(--ala-ink)!important;color:var(--ala-ink)!important}
 .aladdin-hero .e-con{padding:0!important;gap:1.5rem!important;width:100%!important;min-height:0!important;background-size:cover!important}
 .aladdin-hero>.e-con-inner{padding:0!important;gap:0!important}
 .aladdin-hero>.e-con-inner>.e-con{padding:2rem 1.25rem!important;min-height:34rem!important;justify-content:center!important;background-size:auto 145%!important;background-position:50% 20%!important}
 .aladdin-hero .elementor-widget{width:100%!important;max-width:100%!important;--container-widget-width:100%}
 .aladdin-hero-title .elementor-heading-title{font-size:2.1rem!important;line-height:1.3!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}