/* Homepage Style Edit. The light palette follows the existing storefront in either OS theme. */
#section-home-category.noam-style-edit { --se-blue:#1743ac; --se-ink:#182b4e; --se-paper:#f5f2e9; color:var(--se-ink); padding:0 24px; scroll-margin-top:130px; font-family:var(--noam-font-sans,Arial,sans-serif); }
.noam-style-edit *, .noam-style-edit *::before, .noam-style-edit *::after { box-sizing:border-box; }
.noam-style-edit :is(h2,h3,p,figure) { margin:0; }
.noam-style-edit :is(a,button) { -webkit-tap-highlight-color:transparent; }
.noam-style-edit a { color:inherit; text-decoration:none; }
.noam-style-edit [hidden] { display:none !important; }
.noam-style-edit :is(a,button):focus-visible { outline:3px solid var(--se-blue); outline-offset:5px; }
.noam-style-edit .se-shell { max-width:1280px; margin:0 auto; }
.noam-style-edit .se-heading { display:flex; justify-content:space-between; gap:16px; align-items:center; color:var(--se-blue); padding:0 0 18px; font-size:11px; letter-spacing:.14em; font-weight:600; }
.noam-style-edit .se-heading span:last-child { font-size:12px; letter-spacing:0; font-weight:400; }
.noam-style-edit .se-layout { display:grid; grid-template-columns:1fr 1fr; background:var(--se-paper); }
.noam-style-edit .se-visual { position:relative; min-width:0; min-height:660px; isolation:isolate; }
.noam-style-edit .se-portrait { display:block; position:absolute; inset:0; overflow:hidden; }
#section-home-category .se-portrait img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 47%; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.noam-style-edit .se-visual:hover .se-portrait img { transform:scale(1.025); }
.noam-style-edit .se-detail { position:absolute; right:-26px; bottom:26px; width:30%; aspect-ratio:3/4; background:#fff; padding:7px; box-shadow:0 10px 25px #13274e26; transform:rotate(6deg); z-index:1; transition:transform .5s ease; }
.noam-style-edit .se-detail:hover { transform:rotate(0); }
#section-home-category .se-detail img { display:block; object-position:50% 68%; }
.noam-style-edit .se-photo-word { position:absolute; left:26px; bottom:25px; font-family:Georgia,serif; font-style:italic; font-size:clamp(30px,3.2vw,48px); color:white; text-shadow:0 2px 12px #17263770; }
#section-home-category.noam-style-edit .se-content { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:48px 48px 42px 60px; }
.noam-style-edit .se-eyebrow { font-size:10px; letter-spacing:.16em; font-weight:600; color:var(--se-blue); margin-bottom:18px; }
.noam-style-edit h2 { font-size:clamp(42px,4.2vw,60px); line-height:1.16; font-weight:500; letter-spacing:-.055em; color:var(--se-blue); text-transform:none; }
/* Times New Roman includes Vietnamese glyphs; Georgia italic falls back mid-word on Windows. */
.noam-style-edit h2 em { font-family:'Times New Roman',serif; font-size:1.17em; font-style:italic; font-weight:400; line-height:1.1; letter-spacing:-.035em; }
.noam-style-edit .se-intro { max-width:360px; margin-top:24px; font-size:13px; line-height:1.8; color:#4e5968; }
.noam-style-edit .se-tabs { display:flex; width:100%; gap:0; border-bottom:1px solid #c7cbd2; margin-top:28px; }
.noam-style-edit .se-tabs button { background:transparent; border:0; border-bottom:3px solid transparent; color:#5d6470; cursor:pointer; font:inherit; font-size:13px; min-height:48px; padding:10px 22px; margin-bottom:-1px; transition:color .2s,background-color .2s,border-color .2s; }
.noam-style-edit .se-tabs button[aria-selected='true'] { color:var(--se-blue); border-bottom-color:var(--se-blue); font-weight:600; }
.noam-style-edit .se-tabs button:hover { color:var(--se-blue); background:#1743ac08; }
.noam-style-edit .se-panels { width:100%; }
.noam-style-edit .se-panel { padding-top:22px; }
.noam-style-edit .se-panel[role='tabpanel'] { animation:se-panel-in .3s ease both; }
.noam-style-edit .se-product { display:grid; grid-template-columns:94px 1fr; gap:20px; align-items:center; }
.noam-style-edit .se-product-image { display:block; width:94px; height:112px; background:#fff; overflow:hidden; }
#section-home-category .se-product-image img { display:block; object-fit:contain; }
.noam-style-edit h3 { font-size:17px; line-height:1.4; font-weight:500; color:var(--se-ink); }
.noam-style-edit .se-product p { font-size:11px; line-height:1.7; margin-top:6px; max-width:225px; color:#586171; }
.noam-style-edit .se-product-link { display:inline-flex; gap:14px; align-items:center; color:#fff; background:var(--se-blue); font-size:12px; font-weight:500; min-height:44px; padding:10px 15px; margin-top:12px; }
/* Override the legacy global a:hover color, which is marked !important. */
.noam-style-edit .se-product-link:is(:hover,:focus-visible) { background:var(--se-blue); color:#fff !important; }
.noam-style-edit .se-product-link > i { transition:transform .3s cubic-bezier(.22,.68,0,1.15); }
.noam-style-edit .se-product-link:is(:hover,:focus-visible) > i { transform:translateX(6px); }
.noam-style-edit a i:last-child { transition:transform .25s ease; }
.noam-style-edit a:hover i:last-child { transform:translateX(4px); }
.noam-style-edit .se-styling { margin-top:20px; padding-left:13px; border-left:2px solid #1743ac35; }
.noam-style-edit .se-styling>span { display:block; font-size:9px; letter-spacing:.12em; color:var(--se-blue); font-weight:600; margin-bottom:6px; }
.noam-style-edit .se-styling p { font-size:12px; line-height:1.75; color:#526074; max-width:350px; }
.noam-style-edit .se-shop-link { margin-top:22px; min-height:44px; display:inline-flex; align-items:center; gap:24px; font-size:11px; color:var(--se-blue); }
.noam-style-edit .se-unavailable { font-size:13px; line-height:1.8; margin-top:24px; }
.noam-style-edit .se-guides { display:grid; grid-template-columns:1fr 1fr; }
.noam-style-edit .se-guide { display:flex; gap:22px; align-items:center; padding:28px 32px; min-height:136px; transition:background-color .25s ease; }
.noam-style-edit .se-guide>i:first-child { font-size:23px; }
.noam-style-edit .se-guide>i:last-child { font-size:15px; margin-left:auto; }
.noam-style-edit .se-guide>span { display:grid; gap:6px; }
.noam-style-edit .se-guide small { font-size:9px; letter-spacing:.14em; }
.noam-style-edit .se-guide strong { font-size:17px; font-weight:500; line-height:1.4; }
.noam-style-edit .se-guide span span { font-size:11px; line-height:1.6; }
.noam-style-edit .se-guide-size { color:#fff; background:var(--se-blue); }
.noam-style-edit .se-guide-size:hover { background:#12388f; }
.noam-style-edit .se-guide-size:focus-visible { outline-offset:-6px; outline-color:#fff; }
.noam-style-edit .se-guide-outfits { background:#e7edfa; color:var(--se-blue); }
.noam-style-edit .se-guide-outfits:hover { background:#dce5fa; }
.noam-style-edit .se-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes se-panel-in { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1050px) {
    #section-home-category.noam-style-edit .se-content { padding:34px 30px 30px 38px; }
    .noam-style-edit h2 { font-size:43px; }
    .noam-style-edit .se-detail { right:-15px; width:33%; }
    .noam-style-edit .se-guide { padding:24px; gap:16px; }
    .noam-style-edit .se-guide strong { font-size:15px; }
}
@media(max-width:767px) {
    #section-home-category.noam-style-edit { padding:0 16px; }
    .noam-style-edit .se-layout { grid-template-columns:1fr; }
    .noam-style-edit .se-visual { min-height:0; height:460px; }
    #section-home-category .se-portrait img { object-position:50% 38%; }
    .noam-style-edit .se-detail { width:125px; right:20px; bottom:-22px; }
    .noam-style-edit .se-photo-word { font-size:38px; left:20px; bottom:20px; }
    #section-home-category.noam-style-edit .se-content { padding:38px 26px 24px; }
    .noam-style-edit h2 { font-size:48px; }
    .noam-style-edit .se-intro { margin-top:22px; }
    .noam-style-edit .se-guides { grid-template-columns:1fr; }
    .noam-style-edit .se-guide { min-height:126px; padding:24px; }
}
@media(max-width:400px) {
    .noam-style-edit .se-heading { font-size:10px; }
    .noam-style-edit .se-heading span:last-child { font-size:10px; }
    .noam-style-edit .se-visual { height:400px; }
    .noam-style-edit .se-detail { width:104px; right:15px; }
    .noam-style-edit .se-photo-word { font-size:32px; }
    #section-home-category.noam-style-edit .se-content { padding:34px 22px 22px; }
    .noam-style-edit h2 { font-size:41px; }
    .noam-style-edit .se-product { grid-template-columns:78px 1fr; gap:13px; }
    .noam-style-edit .se-product-image { width:78px; height:102px; }
    .noam-style-edit h3 { font-size:16px; }
    .noam-style-edit .se-guide { gap:16px; padding:22px; }
    .noam-style-edit .se-guide>i:first-child { display:none; }
}
@media(max-width:350px) { .noam-style-edit .se-photo-word { display:none; } }
@media(prefers-reduced-motion:reduce) {
    .noam-style-edit .se-product-link:is(:hover,:focus-visible) > i { transform:none; }
    .noam-style-edit *, .noam-style-edit *::before, .noam-style-edit *::after { animation:none !important; transition:none !important; }
    .noam-style-edit .se-visual:hover .se-portrait img { transform:none; }
}