:root{--g:#086b45;--gd:#06452f;--gold:#f4b719;--ink:#123d2c;--cream:#f7f2e8;--line:#d9e4dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f7f5ef,#eef4ef);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.frame-page-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:230px 1fr 160px;align-items:center;gap:20px;min-height:88px;padding:10px max(24px,5vw);background:rgba(255,255,255,.95);border-bottom:1px solid #e5ebe7;backdrop-filter:blur(12px)}.frame-brand img{display:block;width:190px;max-height:70px;object-fit:contain}.frame-page-header nav{display:flex;justify-content:center;gap:28px}.frame-page-header nav a{color:#183c2d;text-decoration:none;font-size:12px;font-weight:900}.frame-page-header nav a.active{color:#b77b00}.frame-header-cta{display:flex;align-items:center;justify-content:center;height:46px;border-radius:14px;background:var(--g);color:#fff;text-decoration:none;font-size:12px;font-weight:900}.frame-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:34px;align-items:center;width:min(1700px,calc(100% - 42px));min-height:520px;margin:28px auto;padding:54px clamp(30px,5vw,84px);overflow:hidden;border-radius:38px;background:linear-gradient(125deg,#073c2c 0%,#0a7049 47%,#101b14 100%);color:#fff;box-shadow:0 26px 60px rgba(6,55,38,.18)}.frame-hero-copy>span,.frame-kicker{display:inline-flex;padding:11px 18px;clip-path:polygon(2% 0,100% 0,97% 100%,0 100%);background:linear-gradient(105deg,#0e8b58,#06472f);color:#fff;font-size:11px;font-weight:950;letter-spacing:.14em}.frame-hero h1{max-width:700px;margin:18px 0 12px;font-size:clamp(44px,5vw,74px);line-height:.98}.frame-hero p{max-width:640px;color:#e7f0eb;font-size:16px;line-height:1.6}.frame-size-pills{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.frame-size-pills b{padding:10px 15px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.08)}.frame-hero-copy>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:14px;background:var(--gold);color:#133728;text-decoration:none;font-weight:950}.frame-hero-collage{position:relative;min-height:410px}.frame-mock{position:absolute;margin:0;padding:14px;background:#f4efe5;border:15px solid #7b4c2d;box-shadow:0 24px 50px rgba(0,0,0,.34)}.frame-mock img{display:block;width:100%;height:100%;object-fit:cover}.frame-mock.large{left:8%;top:10%;width:48%;height:80%;transform:rotate(-3deg)}.frame-mock.small{width:36%;height:48%}.frame-mock.one{right:5%;top:2%;transform:rotate(4deg)}.frame-mock.two{right:1%;bottom:0;transform:rotate(-1deg)}.frame-products,.frame-order,.frame-success{width:min(1700px,calc(100% - 42px));margin:30px auto;padding:48px;border:1px solid #dfe7e1;border-radius:34px;background:#fff;box-shadow:0 20px 50px rgba(8,68,45,.08)}.frame-products{text-align:center}.frame-products h2,.frame-order h2{margin:15px 0 8px;font-size:clamp(34px,4vw,56px)}.frame-products>p{color:#66756d}.frame-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}.frame-size-grid article{display:flex;flex-direction:column;align-items:center;padding:24px;border:1px solid #dfe8e2;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbf9)}.mini-frame{width:min(72%,280px);aspect-ratio:2/3;padding:12px;border:14px solid #7d4e2c;background:#eee4d5;box-shadow:0 15px 30px rgba(45,29,16,.18)}.mini-frame img{width:100%;height:100%;object-fit:cover}.frame-size-grid h3{font-size:23px;margin:20px 0 7px}.frame-size-grid small{color:#6a776f;line-height:1.45}.frame-size-grid strong{margin:15px 0;color:var(--g);font-size:21px}.frame-size-grid a{display:flex;align-items:center;justify-content:center;width:70%;height:44px;border-radius:13px;background:var(--gold);color:#173c2c;text-decoration:none;font-size:11px;font-weight:950}.frame-order{display:grid;grid-template-columns:340px minmax(0,1fr);gap:34px}.frame-order-copy p,.frame-order-copy li{color:#627069;line-height:1.65}.bank-box{margin-top:24px;padding:18px;border-radius:18px;background:#edf6f0}.bank-box p{white-space:normal}.frame-order-form{padding:24px;border:1px solid #d9e5dd;border-radius:28px;background:#fbfdfb}.frame-customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.frame-customer-grid .wide{grid-column:1/-1}.frame-order-form label>span,.frame-order-form legend{display:block;margin:0 0 7px;color:#315c49;font-size:11px;font-weight:900}.frame-order-form input,.frame-order-form textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #d4e0d8;border-radius:12px;background:#fff;font:inherit}.frame-order-form textarea{min-height:90px}.upload-zone{margin:16px 0}.upload-button{display:grid;place-items:center;min-height:104px;border:2px dashed #87b49c;border-radius:18px;background:#eef7f1;cursor:pointer}.upload-button b{font-size:15px}.upload-button input{display:none}.editor{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;margin-top:14px}.preview-stage{padding:18px;border-radius:20px;background:#17251d}.preview-frame{width:min(360px,100%);aspect-ratio:2/3;margin:auto;padding:12px;border:16px solid #7b4c2d;background:#eee2d1}.preview-frame canvas{display:block;width:100%;height:100%;background:#333}.preview-stage small{display:block;margin-top:12px;color:#dce7e0;font-size:9px;line-height:1.4;text-align:center}.editor-controls{display:grid;gap:10px}.editor-controls label{font-size:10px;font-weight:850}.editor-controls input{min-height:0;padding:0}.editor-controls button{height:40px;border:0;border-radius:11px;background:#e9f3ed;color:#176242;font-weight:900}.frame-size-choice,.frame-payment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;padding:15px;border:1px solid #dbe6df;border-radius:18px}.frame-payment{grid-template-columns:repeat(4,minmax(0,1fr))}.frame-size-choice legend,.frame-payment legend{padding:0 6px}.frame-size-choice label,.frame-payment label{cursor:pointer}.frame-size-choice input,.frame-payment input{display:none}.frame-size-choice label>span,.frame-payment label>span{display:flex;min-height:58px;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:9px;border:1px solid #d7e4dc;border-radius:13px;background:#fff;text-align:center}.frame-size-choice input:checked+span,.frame-payment input:checked+span{border-color:#0b774d;background:#eaf6ee;box-shadow:0 0 0 2px rgba(11,119,77,.12)}.frame-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;padding:17px;border-radius:16px;background:#fff5df;border:1px solid #efd59c}.frame-total span{font-size:11px;font-weight:900}.frame-total strong{font-size:24px}.frame-total small{color:#68756e}.frame-submit{width:100%;min-height:56px;border:0;border-radius:15px;background:linear-gradient(90deg,#f4b51a,#ff8d23);color:#fff;font-size:14px;font-weight:950;cursor:pointer}.frame-success{text-align:center;background:linear-gradient(135deg,#effaf3,#fff9e8)}.frame-success>b{color:#0b774d}.frame-success h2{font-size:38px}.frame-success strong{display:block;margin:12px;font-size:26px}.frame-success a{display:inline-flex;margin:5px;padding:12px 16px;border-radius:11px;text-decoration:none;font-weight:900}.frame-success .pay{background:#f0b317;color:#173b2b}.frame-success .wa{background:#0b7c4c;color:#fff}.frame-error{width:min(1000px,calc(100% - 30px));margin:20px auto;padding:15px;border-radius:14px;background:#ffe9e9;color:#9c2929;font-weight:800}.frame-footer{padding:40px;text-align:center;color:#6d7b73}@media(max-width:1000px){.frame-page-header{grid-template-columns:1fr auto}.frame-page-header nav{display:none}.frame-header-cta{display:none}.frame-hero{grid-template-columns:1fr;min-height:auto}.frame-hero-collage{min-height:330px}.frame-products,.frame-order,.frame-success{padding:30px}.frame-order{grid-template-columns:1fr}.frame-payment{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.frame-page-header{min-height:72px;padding:8px 16px}.frame-brand img{width:180px}.frame-hero,.frame-products,.frame-order,.frame-success{width:calc(100% - 20px);border-radius:24px}.frame-hero{padding:34px 22px}.frame-hero h1{font-size:42px}.frame-hero-collage{min-height:270px}.frame-mock{border-width:9px;padding:7px}.frame-products,.frame-order,.frame-success{padding:22px}.frame-size-grid{grid-template-columns:1fr}.frame-size-grid article{padding:20px}.frame-customer-grid{grid-template-columns:1fr}.frame-customer-grid .wide{grid-column:auto}.editor{grid-template-columns:1fr}.frame-size-choice,.frame-payment{grid-template-columns:1fr}.frame-total{align-items:flex-start;flex-direction:column}.frame-total strong{font-size:22px}}
/* Homepage section only */.frame-home-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:40px;align-items:center;width:min(1760px,calc(100% - 34px));margin:30px auto;padding:48px clamp(28px,4vw,60px);border:1px solid #dce7df;border-radius:34px;background:linear-gradient(135deg,#fff 0%,#f7fbf8 58%,#fff7e7 100%);box-shadow:0 18px 46px rgba(9,68,45,.08)}.frame-home-copy h2{margin:15px 0 9px;color:#086741;font-size:clamp(38px,4vw,58px);line-height:1}.frame-home-copy>p{max-width:780px;color:#617069;line-height:1.6}.frame-home-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.frame-home-sizes article{padding:17px;border-radius:17px;background:#087447;color:#fff}.frame-home-sizes b{display:block;color:#ffc224;font-size:24px}.frame-home-sizes small{display:block;margin-top:5px}.frame-home-copy>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;background:#f5b51b;color:#173c2d;text-decoration:none;font-size:11px;font-weight:950}.frame-home-visual{position:relative;min-height:390px}.frame-home-visual figure{position:absolute;margin:0;padding:8px;border:13px solid #77472a;background:#eee1d1;box-shadow:0 20px 38px rgba(48,30,17,.22)}.frame-home-visual img{display:block;width:100%;height:100%;object-fit:cover}.frame-home-visual .a{left:5%;top:4%;width:47%;height:86%;transform:rotate(-4deg)}.frame-home-visual .b{right:8%;top:4%;width:39%;height:54%;transform:rotate(4deg)}.frame-home-visual .c{right:2%;bottom:2%;width:41%;height:48%;transform:rotate(-2deg)}@media(max-width:900px){.frame-home-section{grid-template-columns:1fr}.frame-home-visual{min-height:320px}}@media(max-width:620px){.frame-home-section{width:calc(100% - 22px);padding:28px 20px}.frame-home-sizes{grid-template-columns:1fr}.frame-home-visual{min-height:280px}}

/* v320: dedicated Desktop / Tablet / Mobile stabilization */
.frame-warning{width:min(1100px,calc(100% - 30px));margin:14px auto;padding:12px 16px;border:1px solid #efd59c;border-radius:14px;background:#fff7df;color:#71520a;font-weight:800;text-align:center}
@media (min-width:1001px){
  .frame-page-header{grid-template-columns:minmax(180px,230px) minmax(0,1fr) 160px}
  .frame-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
  .frame-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:651px) and (max-width:1000px){
  .frame-page-header{grid-template-columns:1fr auto;min-height:80px;padding:9px 24px}
  .frame-brand img{width:190px;max-width:42vw}
  .frame-hero{width:calc(100% - 28px);padding:40px 34px;grid-template-columns:1fr}
  .frame-hero h1{font-size:clamp(46px,7vw,64px)}
  .frame-hero-collage{min-height:360px}
  .frame-products,.frame-order,.frame-success{width:calc(100% - 28px);padding:32px}
  .frame-size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .frame-size-grid article{padding:18px 12px}
  .mini-frame{width:min(82%,240px);border-width:11px}
  .frame-order{grid-template-columns:1fr}
  .editor{grid-template-columns:minmax(0,1fr) 240px}
  .frame-payment{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:650px){
  html,body{max-width:100%;overflow-x:hidden}
  .frame-page-header{grid-template-columns:1fr auto;gap:8px;padding:8px 12px;min-height:68px}
  .frame-brand img{width:min(170px,58vw);max-height:54px}
  .frame-hero,.frame-products,.frame-order,.frame-success{width:calc(100% - 14px);margin:12px auto;border-radius:21px}
  .frame-hero{padding:28px 18px;gap:14px}
  .frame-hero h1{font-size:clamp(36px,11vw,46px);line-height:1.02}
  .frame-hero p{font-size:14px}
  .frame-size-pills{gap:6px;margin:14px 0}
  .frame-size-pills b{padding:8px 11px;font-size:11px}
  .frame-hero-collage{min-height:255px}
  .frame-mock.large{left:4%;width:50%}.frame-mock.one{right:3%;width:38%}.frame-mock.two{right:0;width:42%}
  .frame-products,.frame-order,.frame-success{padding:19px 15px}
  .frame-products h2,.frame-order h2{font-size:clamp(30px,9vw,40px)}
  .frame-size-grid{grid-template-columns:1fr;gap:14px;margin-top:22px}
  .mini-frame{width:min(68%,230px)}
  .frame-size-grid a{width:100%;max-width:270px}
  .frame-order-form{padding:14px;border-radius:20px}
  .frame-customer-grid,.editor,.frame-size-choice,.frame-payment{grid-template-columns:1fr}
  .frame-size-choice,.frame-payment{padding:11px}
  .frame-total{padding:14px}
  .frame-submit{min-height:54px}
  .frame-warning{width:calc(100% - 14px);font-size:12px}
}

/* K332 homepage framed-art background restore */
.frame-home-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(100deg,rgba(4,48,32,.94) 0%,rgba(6,82,52,.90) 48%,rgba(10,45,31,.72) 100%),var(--frame-home-bg) center/cover no-repeat!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 24px 58px rgba(3,45,30,.20)!important;color:#fff}
.frame-home-section:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 30%,rgba(255,190,25,.18),transparent 38%)}
.frame-home-copy,.frame-home-visual{position:relative;z-index:1}.frame-home-copy h2{color:#fff!important;text-shadow:0 2px 20px rgba(0,0,0,.16)}.frame-home-copy>p{color:#e6f0ea!important}.frame-home-sizes article{background:rgba(4,112,70,.88)!important;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(4px)}