@import url("https://fonts.googleapis.com/css2?family=Itim&family=Kodchasan:wght@400;500;600;700&family=Mali:wght@400;500;600;700&family=Mitr:wght@300;400;500;600&family=Noto+Sans+Thai:wght@400;500;600;700&family=Sriracha&display=swap");:root{--navy:#18334d;--pink:#ff7e91;--cream:#fffaf3;--sky:#e7f6fb;--mint:#eaf7e5;--lav:#f1eaff;--line:#eadfce;--muted:#6f7c88;--pastel-yellow:#fff3b8;--pastel-yellow-border:#f1df8b;--pastel-green:#dff4df;--pastel-green-border:#bfdcbc;--pastel-blue:#dff0ff;--pastel-blue-border:#bfd8ef;--pastel-purple:#ece3ff;--pastel-purple-border:#d8cbf2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdf9;color:var(--navy);font-family:var(--site-font,"Mali","Noto Sans Thai",system-ui,sans-serif)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:#fffdf9ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}nav{height:76px;display:flex;align-items:center;gap:22px}.logo{font-size:25px;font-weight:950;margin-right:auto}.logo small{display:block;font-size:10px;letter-spacing:2px}.logo img{max-height:48px;max-width:210px;display:block}.links{display:flex;gap:22px;font-size:14px}.pill{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 14px;cursor:pointer}.admin{background:var(--navy);color:white;border:0}.hero{background:radial-gradient(circle at 85% 20%,#dff5f7 0 8%,transparent 9%),radial-gradient(circle at 78% 70%,#ffe3e8 0 12%,transparent 13%),linear-gradient(115deg,#fff6e8,#fff2f3 55%,#eef9f1);overflow:hidden}.heroGrid{min-height:505px;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:30px;gap:30px}.copy h1{font-size:64px;line-height:.98;letter-spacing:-2px;margin:0 0 20px}.copy p{font-size:20px;line-height:1.5;max-width:510px}.cta{display:inline-block;background:var(--pink);color:white;border:0;border-radius:999px;padding:15px 29px;margin-top:10px;font-weight:900;cursor:pointer}.visual{height:410px;position:relative}.heroUpload{width:100%;height:380px;object-fit:cover;border-radius:26px;box-shadow:0 20px 45px #5d472018}.paper{position:absolute;background:white;border:3px solid var(--navy);border-radius:16px;box-shadow:0 20px 50px #6d55301b}.p1{right:175px;top:48px;transform:rotate(-8deg)}.p1,.p2{width:230px;height:300px}.p2{right:55px;top:78px;transform:rotate(7deg)}.rainbow{position:absolute;width:120px;height:65px;border:8px solid var(--pink);border-bottom:0;border-radius:120px 120px 0 0;left:53px;top:50px}.rainbow:before{content:"";position:absolute;width:82px;height:43px;border:8px solid #f2c867;border-bottom:0;border-radius:100px 100px 0 0;left:11px;top:12px}.flower{font-size:64px;right:42px;top:48px}.flower,.lines{position:absolute}.lines{left:35px;right:35px;bottom:45px;height:95px;background:repeating-linear-gradient(#d7e4ea 0 2px,transparent 2px 24px)}.pencils{right:2px;bottom:18px;font-size:58px;transform:rotate(-14deg)}.doodle,.pencils{position:absolute}.doodle{font-size:34px;color:var(--pink)}.d1{left:30px;top:15px}.d2{right:10px;top:20px}.d3{left:25px;bottom:20px}.features{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;padding:22px 0}.feature{border:1px solid var(--line);border-radius:18px;padding:14px}.feature b{display:block}.feature span{font-size:12px;color:var(--muted)}.featureDownload{background:var(--pastel-yellow);border-color:var(--pastel-yellow-border)}.featurePayment{background:var(--pastel-green);border-color:var(--pastel-green-border)}.featurePrint{background:var(--pastel-blue);border-color:var(--pastel-blue-border)}.featureDesign{background:var(--pastel-purple);border-color:var(--pastel-purple-border)}section{padding:55px 0}.title{font-size:34px;margin:0 0 8px}.sub,.title{text-align:center}.sub{color:var(--muted);margin:0 0 28px}.products{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #604a2410}.cover{height:250px;background:var(--sky);display:flex;align-items:center;justify-content:center}.cover img{width:100%;height:100%;object-fit:cover}.book{width:160px;height:210px;border:3px solid var(--navy);border-radius:12px;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:19px;font-weight:950;padding:12px;transform:rotate(-2deg)}.book .symbol{font-size:55px}.book small{font-size:11px}.info{padding:17px}.info p{font-size:13px;color:var(--muted)}.price{font-size:22px;font-weight:950}.buy{width:100%;border:0;border-radius:12px;background:var(--pink);color:white;padding:12px;font-weight:900;cursor:pointer}.cats{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px}.cat{border:1px solid var(--line);border-radius:18px;text-align:center;padding:18px 8px}.cat span{font-size:38px;display:block}.catPastelYellow{background:var(--pastel-yellow);border-color:var(--pastel-yellow-border)}.how{background:#fff7f2}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}.step{border:1px solid var(--line);border-radius:20px;padding:22px;text-align:center}.stepMint{background:var(--pastel-green);border-color:var(--pastel-green-border)}.num{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffdce1;font-weight:950}footer{background:#f3eee5;padding:35px 0}.foot{justify-content:space-between;gap:20px}.foot,.modal{display:flex;align-items:center}.modal{position:fixed;inset:0;background:#10283caa;z-index:50;padding:18px;justify-content:center}.panel{background:#fff;width:min(920px,100%);max-height:92vh;overflow:auto;border-radius:22px;padding:24px}.head{justify-content:space-between;align-items:center}.head,.tabs{display:flex}.tabs{gap:8px;flex-wrap:wrap;margin:16px 0}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px}.tab.on{background:var(--navy);color:#fff}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.field{margin:10px 0}.field label{display:block;font-size:12px;font-weight:900;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:10px;border:1px solid #ccd8df;border-radius:10px}.save{border:0;background:var(--pink);color:white;border-radius:11px;padding:11px 18px;font-weight:900}.productRow{display:grid;grid-template-columns:2fr 1fr 1fr auto;grid-gap:8px;gap:8px;background:#f7fafb;padding:10px;border-radius:12px;margin:8px 0}.productRow input{width:100%;padding:8px;border:1px solid #ccd8df;border-radius:8px}.danger{border:0;background:#ffe3e7;border-radius:8px}.note{background:#fff7db;border-radius:12px;padding:12px}.note,.status{font-size:13px}.status{margin:10px 0}.login{max-width:430px;margin:auto}@media(max-width:760px){.links{display:none}.heroGrid{display:block}.copy{padding:45px 0 0}.copy h1{font-size:45px}.copy p{font-size:17px}.visual{height:330px}.heroUpload{height:285px;margin-top:22px}.p1{right:calc(50% - 35px);top:40px}.p1,.p2{width:180px;height:235px}.p2{right:calc(50% - 150px);top:62px}.rainbow{transform:scale(.75);transform-origin:top left}.flower{font-size:45px}.features,.products{grid-template-columns:1fr 1fr}.cover{height:210px}.book{width:130px;height:175px;font-size:15px}.book .symbol{font-size:45px}.cats{grid-template-columns:repeat(2,1fr)}.grid2,.productRow,.steps{grid-template-columns:1fr}.foot{display:block}.title{font-size:29px}.admin{padding:8px 10px}}.heroHasImage{background:#fffdf9;padding:0}.heroBannerShell{position:relative;width:100%;max-width:1600px;margin:0 auto;overflow:hidden;background:#fffdf9}.heroBannerFull{display:block;width:100%;height:auto;max-height:720px;object-fit:cover;object-position:center}.heroRealCta{position:absolute;left:31%;top:74%;transform:translate(-50%,-50%);z-index:3;border:0;border-radius:999px;padding:18px 44px;background:var(--pink);color:#fff;font-weight:950;font-size:clamp(18px,1.45vw,28px);box-shadow:0 10px 30px #6a4b3a24;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;min-width:210px;text-align:center}.heroRealCta:hover{transform:translate(-50%,-52%);box-shadow:0 14px 34px #6a4b3a32;filter:saturate(1.05)}.heroRealCta:active{transform:translate(-50%,-50%)}.adminFloat{position:fixed;right:10px;bottom:10px;z-index:45;width:31px;height:31px;border-radius:50%;border:1px solid rgba(24,51,77,.13);background:rgba(24,51,77,.12);color:rgba(24,51,77,.45);font-size:12px;font-weight:900;cursor:pointer;opacity:.35;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .18s ease,transform .18s ease,background .18s ease}.adminFloat:focus-visible,.adminFloat:hover{opacity:.95;transform:scale(1.06);background:rgba(24,51,77,.9);color:#fff;outline:none}@media(max-width:760px){.heroBannerFull{min-height:280px;max-height:none;object-fit:cover;object-position:center}.heroRealCta{left:30%;top:76%;padding:12px 24px;font-size:14px;min-width:unset}.adminFloat{width:28px;height:28px;right:8px;bottom:8px;font-size:11px}}.categoriesSection{background:#eef8ff;padding:58px 0}.howSection{background:#eef8ef;padding:58px 0}.catPastelYellow{background:#fff4bf;border-color:#eadb91}.stepMint{background:#e6f4e8;border-color:#c9dfcc}.stepLavender{background:#eee6fa;border-color:#d9cdea}.supportFloat{position:fixed;right:14px;bottom:52px;z-index:46;min-width:112px;height:40px;padding:0 13px;border-radius:999px;border:1px solid #cfe3d1;background:#f8fff8;color:var(--navy);box-shadow:0 8px 22px #18334d17;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:850;font-size:13px;cursor:pointer;transition:.18s}.supportFloat:hover{transform:translateY(-2px);background:#f0fbf1}.supportWidget{position:fixed;right:14px;bottom:100px;z-index:48;width:min(360px,calc(100vw - 28px));height:510px;max-height:70vh;background:#fff;border:1px solid #dce8df;border-radius:22px;box-shadow:0 24px 60px #18334d2b;overflow:hidden;display:flex;flex-direction:column}.supportWidgetHead{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;background:#edf8ef;border-bottom:1px solid #dce8df}.supportWidgetHead b,.supportWidgetHead small{display:block}.supportWidgetHead small{font-size:11px;color:var(--muted);margin-top:2px}.supportWidgetHead button{border:0;background:transparent;font-size:18px;cursor:pointer}.supportStart{padding:18px;display:flex;flex-direction:column;gap:10px}.supportStart p{margin:0 0 4px;font-size:14px;color:var(--muted)}.supportStart input{width:100%;padding:11px 12px;border:1px solid #cddbd2;border-radius:12px}.supportStartButton{border:0;background:#dff1e1;color:var(--navy);border-radius:12px;padding:11px;font-weight:900;cursor:pointer}.supportError{color:#b44c5a;font-size:11px}.supportStatusLine{padding:0 12px 8px}.supportMessages{flex:1 1;overflow:auto;padding:14px;background:#fbfdfb;gap:9px}.supportBubble,.supportMessages{display:flex;flex-direction:column}.supportBubble{max-width:82%;gap:4px}.supportBubble span{padding:9px 11px;border-radius:14px;line-height:1.4;font-size:13px;white-space:pre-wrap;word-break:break-word}.supportBubble small{font-size:9px;color:#89949d;padding:0 4px}.supportBubble.mine{align-self:flex-end;align-items:flex-end}.supportBubble.mine span{background:#dff1e1;border-bottom-right-radius:4px}.supportBubble.theirs{align-self:flex-start;align-items:flex-start}.supportBubble.theirs span{background:#edf3ff;border-bottom-left-radius:4px}.supportEmpty{padding:20px;text-align:center;color:#84909a;font-size:13px}.supportComposer{display:flex;gap:8px;padding:10px;background:#fff;border-top:1px solid #e1e9e3}.supportComposer textarea{flex:1 1;resize:none;min-height:42px;max-height:90px;padding:10px;border:1px solid #cfdad2;border-radius:12px}.supportComposer button{border:0;background:#dff1e1;color:var(--navy);border-radius:12px;padding:0 15px;font-weight:950;cursor:pointer}.supportAdmin{display:grid;grid-template-columns:320px 1fr;grid-gap:14px;gap:14px;min-height:540px}.supportInbox{border:1px solid #e0e8e2;border-radius:15px;overflow:hidden;background:#fbfdfb}.supportInboxTitle{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #e0e8e2}.supportInboxTitle h3{margin:0}.supportConversationItem{width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center;text-align:left;padding:12px;border:0;border-bottom:1px solid #e9efea;background:white;cursor:pointer}.supportConversationItem.active,.supportConversationItem:hover{background:#eef8ef}.supportConversationItem span b,.supportConversationItem span small{display:block}.supportConversationItem span small{font-size:10px;color:var(--muted);margin-top:2px}.supportConversationItem em{font-style:normal;font-size:10px;padding:4px 7px;border-radius:999px}.supportConversationItem em.open{background:#fff3c8}.supportConversationItem em.resolved{background:#e6efe8;color:#617368}.supportAdminChat{border:1px solid #e0e8e2;border-radius:15px;overflow:hidden;background:white;display:flex;flex-direction:column;min-width:0}.supportChatHead{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e0e8e2}.supportChatHead b,.supportChatHead small{display:block}.supportChatHead small{font-size:11px;color:var(--muted);margin-top:2px}.adminMessages{min-height:390px;max-height:470px}@media(max-width:760px){.supportFloat{right:8px;bottom:44px;min-width:0;width:42px;padding:0}.supportFloat span{display:none}.supportWidget{right:8px;bottom:92px;width:calc(100vw - 16px);height:62vh}.supportAdmin{grid-template-columns:1fr}.supportInbox{max-height:220px;overflow:auto}.adminMessages{min-height:280px}.categoriesSection,.howSection{padding:42px 0}}.shopSection{padding:34px 0 46px;background:#fffdf9}.shopTitle{margin-top:0}.featureSection{background:#fffdf9;padding:18px 0 8px}.featuresMoved{padding:0 22px}.howCompact{padding:34px 0 42px}.howTitleSmall{font-size:25px;margin-bottom:15px}.stepsCompact{max-width:610px;margin:0 auto;gap:10px}.stepCompact{padding:10px;min-height:78px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stepCompact h3{font-size:13px;line-height:1.25;margin:7px 0 0;font-weight:850}.numSmall{width:28px;height:28px;font-size:12px}@media(max-width:760px){.shopSection{padding:26px 0 36px}.featureSection{padding:14px 0 6px}.featuresMoved{padding:0 22px}.howCompact{padding:28px 0 34px}.howTitleSmall{font-size:22px}.stepsCompact{max-width:100%;grid-template-columns:repeat(3,1fr);gap:7px}.stepCompact{padding:9px 5px;min-height:76px}.numSmall,.stepCompact h3{font-size:11px}.numSmall{width:25px;height:25px}}.productMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 12px;padding-top:8px;border-top:1px dashed #eadfce}.orderCount{font-size:12px;color:#7a6c62;background:#fff8df;border:1px solid #f2e3a7;border-radius:999px;padding:6px 9px;white-space:nowrap}.reviewButton{border:1px solid #e0d1f4;background:#f4ecff;color:#5e4d77;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.reviewButton:hover{transform:translateY(-1px);box-shadow:0 6px 14px #6b4b8a18}.reviewPanel{width:min(520px,100%)}.reviewSummary{text-align:center;padding:28px 16px 18px}.reviewStars{font-size:30px;letter-spacing:4px;color:#e4b64f;margin-bottom:8px}.reviewSummary p{color:var(--muted);font-size:14px;line-height:1.55;max-width:420px;margin:8px auto 0}.reviewWriteDisabled{display:block;width:100%;border:0;border-radius:14px;padding:12px 16px;background:#eee9f6;color:#91869f;font-weight:800;cursor:not-allowed}@media(max-width:760px){.productMeta{align-items:stretch;flex-direction:column}.orderCount,.reviewButton{text-align:center;width:100%}}.catClickable{cursor:pointer;font:inherit;color:inherit;width:100%;transition:transform .18s ease,box-shadow .18s ease}.catClickable:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(41,72,91,.1)}.catClickable small{display:block;margin-top:7px;font-size:11px;color:#678091}.productOpen{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.productCardClickable{transition:transform .18s ease,box-shadow .18s ease}.productCardClickable:hover{transform:translateY(-3px);box-shadow:0 16px 34px #604a241a}.productActions{padding-top:0}.categoryPanel{max-width:980px}.categoryModalTitle{display:flex;align-items:center;gap:14px}.categoryModalTitle>span{font-size:48px}.categoryModalTitle h2{margin:0}.categoryModalTitle p{margin:5px 0 0;color:var(--muted);max-width:680px;line-height:1.45}.categoryProductGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-top:22px}.categoryProduct{border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px;text-align:left;cursor:pointer;color:inherit}.categoryFallback,.categoryProduct img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;background:var(--sky);display:grid;place-items:center;font-size:44px}.categoryProduct b,.categoryProduct span{display:block;margin-top:8px}.categoryProduct span{font-weight:900}.categoryEmpty{grid-column:1/-1;padding:40px;text-align:center;background:#f8fbfc;border-radius:16px;color:var(--muted)}.productDetailPanel{max-width:1060px}.productDetailGrid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:28px;gap:28px;margin-top:20px}.productMainImage{background:#faf7f1;border-radius:20px;overflow:hidden;min-height:420px;display:grid;place-items:center}.productMainImage>img{width:100%;height:100%;max-height:560px;object-fit:contain}.previewStrip{grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;margin-top:10px}.previewStrip img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.noPreviews{grid-column:1/-1;background:#f6f8f9;color:var(--muted);padding:16px;border-radius:10px;text-align:center}.productDetailInfo{padding:6px}.detailPrice{font-size:34px;font-weight:950;margin-bottom:16px}.detailFacts{display:grid;grid-gap:8px;gap:8px;margin:12px 0 16px}.detailFacts span{background:#f7fafb;border-radius:10px;padding:9px 11px}.productDetailInfo p{line-height:1.6;color:#526674}.detailBuy{margin-top:16px;font-size:18px;padding:14px}.digitalNote{display:block;margin-top:10px;color:var(--muted);line-height:1.4}.productRowV37{grid-template-columns:1.6fr 1.2fr .8fr auto auto}.productRowV37 select{width:100%;padding:8px;border:1px solid #ccd8df;border-radius:8px;background:white}@media(max-width:760px){.categoryProductGrid{grid-template-columns:1fr 1fr}.productDetailGrid{grid-template-columns:1fr}.productMainImage{min-height:280px}.previewStrip{grid-template-columns:repeat(5,1fr);overflow-x:auto}.productRowV37{grid-template-columns:1fr}}.featureAction,.stepAction{font:inherit;color:inherit;text-align:left;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.featureAction{width:100%;display:block}.featureAction:focus-visible,.featureAction:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(37,62,79,.11);filter:saturate(1.03);outline:none}.featureAction small{display:block;margin-top:8px;font-size:11px;font-weight:850;color:#526b7a}.stepAction{width:100%;border:1px solid #d9cdea}.stepAction:focus-visible,.stepAction:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(79,60,110,.1);outline:none}.stepAction small{font-size:10px;margin-top:5px;color:#6d6081;font-weight:800}.guidePanel{width:min(620px,100%)}.guideBody{padding:22px 2px 4px;text-align:center}.guideIcon{font-size:52px;margin-bottom:8px}.guideBody h3{font-size:22px;margin:6px 0 10px}.guideBody p{max-width:520px;margin:0 auto;color:#526674;line-height:1.7;font-size:14px}.guideFacts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0}.guideFacts span{background:#f6f2fb;border:1px solid #e1d7ef;border-radius:999px;padding:8px 11px;font-size:12px}.guidePrimary{border:0;background:var(--pink);color:white;border-radius:999px;padding:11px 20px;font-weight:900;cursor:pointer;margin-top:16px}@media(max-width:760px){.featureAction small{font-size:10px}.stepAction small{font-size:9px}.guideBody{padding-top:16px}.guideIcon{font-size:44px}.guideBody h3{font-size:19px}.guideBody p{font-size:13px}.guideFacts{align-items:stretch;flex-direction:column}.guideFacts span{border-radius:12px}}.editableVisualCard{min-height:128px}.editableVisualCard .cardArt{object-fit:cover;z-index:-2}.editableVisualCard .cardArt:after{content:""}.editableVisualCard:has(.cardArt):before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.82));z-index:-1}.editableVisualCard b,.editableVisualCard h3,.editableVisualCard small,.editableVisualCard span{position:relative;z-index:1}.editableVisualCard b{font-size:17px}.editableVisualCard small{display:block;margin-top:5px}.featureIcon{display:block;font-size:25px;margin-bottom:4px}.featureArt{filter:saturate(.9)}.stepArt{filter:saturate(.85)}.cardsAdmin{display:grid;grid-gap:20px;gap:20px}.cardAdminSection{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fffdf9}.cardAdminSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cardAdminSectionHead h3{margin:0}.cardAdminList{display:grid;grid-gap:14px;gap:14px}.cardEditor{border:1px solid #e5dfd5;border-radius:16px;padding:14px;background:white}.cardEditorPreview{height:120px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;margin-bottom:12px;border:1px solid rgba(24,51,77,.08)}.cardEditorPreview img{object-fit:cover;opacity:.62}.cardEditorPreview b,.cardEditorPreview span{position:relative;z-index:1;text-shadow:0 1px 8px rgba(255,255,255,.9)}.cardEditorPreview span{font-size:32px}.cardEditorPreview b{font-size:18px}.cardEditorActions{display:flex;justify-content:flex-end;margin-top:8px}.miniDanger{display:inline-block;margin-top:6px;border:0;border-radius:8px;background:#ffe8ec;color:#8a2940;padding:7px 10px;cursor:pointer;font-size:12px}@media(max-width:760px){.editableVisualCard{min-height:112px}.editableVisualCard b{font-size:15px}.cardEditorPreview{height:100px}}.productImageButton{position:relative;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.productImageButton img{display:block;width:100%;height:100%;object-fit:contain}.zoomHint{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.92);border:1px solid rgba(24,51,77,.12);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;box-shadow:0 5px 18px rgba(24,51,77,.12)}.previewStrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:9px;gap:9px;margin-top:12px}.previewButton{position:relative;border:1px solid var(--line);background:#fff;border-radius:12px;padding:0;overflow:hidden;cursor:zoom-in;aspect-ratio:1/1;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.previewButton:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,51,77,.12);border-color:#c9b8e8}.previewButton img{width:100%;height:100%;object-fit:cover;display:block}.previewButton span{position:absolute;right:5px;bottom:5px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.9);font-size:12px}.imageLightbox{position:fixed;inset:0;z-index:100;background:rgba(13,25,38,.86);display:flex;align-items:center;justify-content:center;padding:34px 70px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lightboxImage{max-width:min(1100px,92vw);max-height:88vh;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.4)}.lightboxClose{right:22px;top:18px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.95);font-size:18px}.lightboxClose,.lightboxNav{position:fixed;cursor:pointer;z-index:102}.lightboxNav{top:50%;transform:translateY(-50%);width:48px;height:64px;border:0;border-radius:16px;background:rgba(255,255,255,.9);font-size:42px;line-height:1}.lightboxPrev{left:16px}.lightboxNext{right:16px}.lightboxCaption{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.92);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:800;z-index:102}@media(max-width:760px){.previewStrip{grid-template-columns:repeat(5,72px);overflow-x:auto;padding-bottom:4px}.imageLightbox{padding:58px 12px 70px}.lightboxImage{max-width:96vw;max-height:78vh}.lightboxNav{width:38px;height:52px;font-size:34px}.lightboxPrev{left:7px}.lightboxNext{right:7px}.zoomHint{font-size:11px;padding:6px 9px}}.editableVisualCard{--card-art-opacity:.58;position:relative;overflow:hidden;isolation:isolate}.editableVisualCard:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.58),rgba(255,255,255,.26) 48%,rgba(255,255,255,.06))}.editableVisualCard .cardArt{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:var(--card-art-opacity);z-index:0;pointer-events:none;filter:saturate(1.08) contrast(1.03);transition:opacity .2s ease,transform .2s ease}.editableVisualCard.cardPos-left .cardArt{object-position:left center;transform:scale(.96)}.editableVisualCard.cardPos-center .cardArt{object-position:center;transform:scale(.96)}.editableVisualCard.cardPos-right .cardArt{object-position:right center;transform:scale(.96)}.editableVisualCard>:not(.cardArt){position:relative;z-index:2}.editableVisualCard.text-left{text-align:left}.editableVisualCard.text-center{text-align:center}.editableVisualCard.text-right{text-align:right}.editableVisualCard:hover .cardArt{opacity:min(1,calc(var(--card-art-opacity) + .08));transform:scale(1)}.cat.editableVisualCard:after{background:linear-gradient(90deg,rgba(255,250,232,.55),rgba(255,250,232,.23) 48%,rgba(255,250,232,.04))}.feature.editableVisualCard:after{background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,.22) 50%,rgba(255,255,255,.03))}.step.editableVisualCard:after{background:linear-gradient(90deg,rgba(255,255,255,.54),rgba(255,255,255,.25) 50%,rgba(255,255,255,.05))}.cardEditorPreview{--card-art-opacity:.58;position:relative;overflow:hidden;min-height:120px;border-radius:16px}.cardEditorPreview img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;opacity:var(--card-art-opacity);filter:saturate(1.08) contrast(1.03)}.cardEditorPreview.cardPos-left img{object-position:left center}.cardEditorPreview.cardPos-center img{object-position:center}.cardEditorPreview.cardPos-right img{object-position:right center}.cardEditorPreview b{position:absolute;left:12px;right:12px;bottom:10px;z-index:2;background:rgba(255,255,255,.72);padding:6px 8px;border-radius:8px}.cardsAdmin input[type=range]{width:100%}.fontPreviewBox{margin:14px 0 18px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fffaf4;display:flex;flex-direction:column;gap:7px}.fontPreviewBox small{color:var(--muted);font-size:11px}.fontPreviewBox strong{font-size:25px;line-height:1.25}.fontPreviewBox span{font-size:19px;line-height:1.5}.catClickable b{margin-top:8px}.featureAction{min-height:112px}.stepAction{min-height:104px}@media(max-width:760px){.fontPreviewBox strong{font-size:21px}.fontPreviewBox span{font-size:17px}}.langToggle{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.langToggle:hover{transform:translateY(-1px)}.cats{grid-template-columns:repeat(var(--category-cols,6),1fr)}.features{grid-template-columns:repeat(var(--feature-cols,4),1fr)}.steps{grid-template-columns:repeat(var(--step-cols,3),1fr)}.categoriesSection,.featureSection,.howSection,.shopSection,footer,header{transition:background .22s ease,color .22s ease}.styleControlGroup{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}@media(max-width:760px){.cats,.features{grid-template-columns:repeat(2,1fr)!important}.steps{grid-template-columns:1fr!important}}.save:disabled{opacity:.65;cursor:wait}.saveResult{margin-top:10px;text-align:center;font-weight:700;font-size:.92rem;min-height:1.2em}.saveResult.saved{color:#2f7a4b}.saveResult.error{color:#b42318;background:#fff1f1;border:1px solid #ffd0d0;border-radius:10px;padding:8px 10px}