/* A1 gallery: approved ivory background and edge proportions; long natural scroll. */
body.on-a1{background:#f5ecdf;color:#4b311d;-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100dvh;overflow:hidden}
body.on-a1 .wrap{box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-width:1024px;height:100dvh;min-height:0;overflow:hidden;padding:0;background:#f7eee3 url('v2/S06_LIGHT_BACKGROUND_APPROVED.webp') center top / 100% auto no-repeat}
body.on-a1 .wrap>header{flex:none}
body.on-a1 .wrap>footer{display:none}
body.on-a1 .v2-brand-header{height:clamp(48px,7vw,68px);margin:0;padding:5px 3%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:0}
body.on-a1 .v2-brand-header .brand{display:flex;align-items:center;gap:6px;min-width:0;max-width:72%;margin:0}
body.on-a1 .v2-logo-mark{position:relative;display:block;flex:none;width:clamp(27px,5vw,45px);height:clamp(34px,6vw,54px)}
body.on-a1 .v2-official-logo{width:100%;height:100%;object-fit:contain}
body.on-a1 .v2-brand-name{white-space:nowrap;color:#624327;font:400 clamp(9px,1.72vw,17px)/1.2 Georgia,serif;letter-spacing:.02em}
body.on-a1 .v2-brand-header .lang-switcher{position:static;display:flex;flex:none;align-items:center;gap:1px;padding:0;margin:0;background:transparent;border:0;backdrop-filter:none}
body.on-a1 .v2-brand-header .lang-btn{min-width:clamp(23px,4vw,38px);height:clamp(26px,4vw,38px);padding:0 2px;color:#4d3524;font-size:clamp(11px,1.65vw,16px);border-radius:50%}
body.on-a1 .v2-brand-header .lang-btn.on{background:#c4a273;color:#392716}
body.on-a1 #progress{display:none}
#s-catalog{padding:0 3.2% 110px;color:#4c301a;font-family:'Sarabun',system-ui,sans-serif}
body.on-a1 #s-catalog.screen.active{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:22px}
#s-catalog .a1-intro{position:relative;text-align:center;padding:clamp(6px,2vw,20px) 3% clamp(7px,1.7vw,17px)}
#s-catalog .a1-back{position:absolute;top:clamp(6px,2vw,18px);left:0;background:none;border:0;color:#735335;font:600 clamp(13px,1.7vw,17px)/1.5 'Sarabun',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#s-catalog .a1-intro h1{color:#503118;font:700 clamp(27px,4.35vw,45px)/1.25 'Sarabun',sans-serif;letter-spacing:0;margin:clamp(14px,2.2vw,24px) auto 5px;overflow-wrap:anywhere}
#s-catalog .a1-intro p{max-width:790px;color:#6c523d;font:400 clamp(14px,2vw,20px)/1.45 'Sarabun',sans-serif;margin:auto}
#s-catalog .tag-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:thin;margin:0 0 7px;padding:3px 2px 6px;-webkit-overflow-scrolling:touch}
#s-catalog .tag{flex:none;white-space:nowrap;border:1px solid #bd955e;background:#fff9f1e8;color:#654327;border-radius:50px;padding:7px 16px;font:600 clamp(12px,1.55vw,16px)/1.35 'Sarabun',sans-serif;letter-spacing:0;min-height:34px}
#s-catalog .tag.on{background:#ab7f4a;color:#fffdf6;border-color:#ab7f4a}
#s-catalog .a1-grid-summary{display:flex;justify-content:space-between;align-items:center;margin:0 2px 7px;color:#7e6247;font-size:clamp(12px,1.5vw,16px)}
#s-catalog .a1-grid-summary button{font:inherit;color:#765236;background:transparent;border:0;cursor:pointer;padding:2px 4px}
#s-catalog .a1-grid-summary button.on{font-weight:700;color:#8c4b4a}
#s-catalog .cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(9px,1.4vw,16px)}
#s-catalog .art-card{min-width:0;overflow:hidden;position:relative;background:#fffcf8e8;border:1px solid #e6cda9;border-radius:clamp(10px,1.2vw,16px);box-shadow:0 6px 17px #5d402014}
#s-catalog .a1-card-open{display:block;width:100%;background:none;border:0;text-align:center;cursor:pointer;color:inherit}
#s-catalog .art-thumb{aspect-ratio:3/4;display:block;background:#e3d2bb;overflow:hidden}
#s-catalog .art-thumb img{display:block;position:static;width:100%;height:100%;object-fit:cover;object-position:center top}
#s-catalog .art-name{display:flex;align-items:center;justify-content:center;min-height:2.7em;padding:5px 5px 7px;font:600 clamp(12px,1.55vw,17px)/1.25 'Sarabun',sans-serif;overflow-wrap:anywhere}
#s-catalog .fav-btn{position:absolute;z-index:2;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:1px solid #d6b786;background:#fff8e9e8;color:#9d7751;font-size:24px;line-height:1;cursor:pointer}
#s-catalog .fav-btn.on{color:#ad615c}
#s-catalog .a1-card-select{display:block;width:calc(100% - 14px);margin:2px 7px 9px;min-height:34px;border-radius:22px;border:1px solid #bc935c;background:#faf3e9;color:#5a3b20;font:600 clamp(12px,1.5vw,15px)/1.2 'Sarabun',sans-serif;cursor:pointer}
#s-catalog .a1-card-select.on{background:#9f7544;color:white}
#a1-bottom-bar{display:none;box-sizing:border-box;width:100%;flex:none;gap:12px;align-items:center;justify-content:space-between;margin:0;padding:8px 3.2% max(8px,env(safe-area-inset-bottom));background:#fff8edf5;border-top:1px solid #d1ac7b;box-shadow:0 -3px 14px #65482414;font-family:'Sarabun',sans-serif}
body.on-a1 #a1-bottom-bar{display:flex}
#a1-bottom-bar .a1-selection-summary{display:flex;flex-direction:column;color:#624326;font-size:clamp(12px,1.45vw,16px);line-height:1.3}
#a1-bottom-bar .a1-selection-summary strong{font-size:clamp(15px,2vw,21px)}
#a1-bottom-bar .a1-selections-button{flex:none;min-height:44px;max-width:58%;border:1px solid #9c6d39;border-radius:99px;background:#a47b4a;color:#fffaf1;padding:8px clamp(10px,2vw,24px);font:700 clamp(14px,1.9vw,20px)/1.25 'Sarabun',sans-serif;cursor:pointer}
#s-catalog .a1-empty{grid-column:1/-1;text-align:center;padding:42px 12px;color:#6d523b}
body.on-a1 .wrap>footer{margin:0 3%;padding:12px 0;color:#8b7157;border-color:#c4aa86;text-align:center}
.a1-dialog{position:fixed;inset:0;margin:auto;width:min(92vw,580px);max-height:86vh;overflow:auto;padding:20px;border:1px solid #c7a475;border-radius:16px;background:#fcf6ed;color:#49311d;box-shadow:0 20px 80px #0008;font-family:'Sarabun',sans-serif}
.a1-dialog::backdrop{background:#100b08b5}.a1-dialog-close{position:absolute;right:13px;top:8px;border:0;background:transparent;font-size:26px;cursor:pointer;color:#664523}.a1-dialog h2{color:#4d321c;margin:6px 28px 12px 0}.a1-dialog img{display:block;width:min(100%,320px);height:auto;max-height:65vh;object-fit:contain;margin:0 auto 12px}.a1-dialog-actions{display:flex;gap:8px;flex-wrap:wrap}.a1-dialog-actions button{border:1px solid #ac8250;background:#f6e7d0;color:#4d321c;padding:9px 14px;border-radius:30px;font:600 15px 'Sarabun',sans-serif;cursor:pointer}.a1-dialog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.a1-dialog-list button{border:1px solid #d1b38b;border-radius:9px;background:white;color:#4d321c;padding:5px;cursor:pointer}.a1-dialog-list img{height:110px;width:100%;object-fit:cover;object-position:top}.a1-dialog-list span{font:600 13px/1.2 'Sarabun',sans-serif}
@media(max-width:700px){#s-catalog{padding-right:3%;padding-left:3%}#s-catalog .cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#s-catalog .art-card{border-radius:8px}#s-catalog .art-thumb{aspect-ratio:6/13;background:#241b12}#s-catalog .art-thumb img{object-fit:contain}#s-catalog .art-name{font-size:clamp(11px,3.1vw,13px);padding:4px 3px 6px;min-height:2.5em}#s-catalog .fav-btn{top:4px;right:4px;width:28px;height:28px;font-size:20px}#a1-bottom-bar{padding:7px 3% max(7px,env(safe-area-inset-bottom))}#a1-bottom-bar .a1-selection-summary{font-size:11px}#a1-bottom-bar .a1-selection-summary strong{font-size:15px}#a1-bottom-bar .a1-selections-button{min-height:40px;font-size:13px;padding:6px 14px}body.on-a1 #floating-contact{bottom:calc(69px + env(safe-area-inset-bottom))!important;right:12px!important}body.on-a1 #fc-toggle{width:42px!important;height:42px!important;font-size:20px!important}#s-catalog .a1-intro{padding-top:6px}#s-catalog .a1-intro h1{margin-top:20px}#s-catalog .a1-dialog-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:380px){body.on-a1 .v2-brand-name{font-size:9px}body.on-a1 .v2-brand-header .lang-btn{min-width:23px;font-size:11px}#a1-bottom-bar .a1-selections-button{font-size:13px}}
@media(max-width:700px){#a1-bottom-bar{gap:6px;padding:2px 3% max(2px,env(safe-area-inset-bottom))}#a1-bottom-bar .a1-selection-summary{flex-direction:row;align-items:baseline;gap:5px;white-space:nowrap;line-height:1.2}#a1-bottom-bar .a1-selection-summary strong{font-size:14px}#a1-bottom-bar .a1-selections-button{min-height:40px;padding:5px 13px}body.on-a1 #floating-contact{bottom:calc(52px + env(safe-area-inset-bottom))!important}}
@media(max-width:380px){#a1-bottom-bar .a1-selection-summary span{display:none}}