/*
Theme Name: One Click Mystic Wallpaper
Theme URI: https://example.com/
Author: ONE CLICK DIGITAL TECH HOUSE CO.,LTD.
Description: ธีม WordPress + WooCommerce สำหรับร้านขายภาพวอลเปเปอร์สายมู วอลเปเปอร์ตามวันเกิด และดิจิทัลดาวน์โหลด
Version: 1.3.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: oneclick-mystic
*/

:root{
  --oc-bg:#fffaf8;
  --oc-surface:#ffffff;
  --oc-ink:#2f2a34;
  --oc-muted:#7c7480;
  --oc-line:#eadfe6;
  --oc-peach:#ff9e8f;
  --oc-pink:#ffb7d5;
  --oc-lilac:#c8b5ff;
  --oc-blue:#bce7ff;
  --oc-mint:#ccefdc;
  --oc-gold:#d6a84a;
  --oc-dark:#3b3440;
  --oc-radius:18px;
  --oc-shadow:0 14px 40px rgba(61,45,66,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Noto Sans Thai","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--oc-ink);
  background:var(--oc-bg);
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}

.oc-topbar{
  background:linear-gradient(90deg,#f8e9df,#f7edf6,#eef7ff);
  color:#5b4f59;
  font-size:13px;
  text-align:center;
  padding:7px 12px;
  border-bottom:1px solid rgba(0,0,0,.04);
}
.site-header{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(255,250,248,.94);
  backdrop-filter:blur(15px);
  border-bottom:1px solid rgba(120,90,110,.12);
}
.header-main{display:flex;align-items:center;gap:28px;min-height:76px}
.site-branding{display:flex;align-items:center;gap:12px;min-width:max-content}.custom-logo-link{display:flex;align-items:center}.custom-logo{max-height:48px;width:auto}
.logo-mark{
  width:42px;height:42px;border-radius:14px;
  display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,#fff 0 16%,transparent 17%),
             linear-gradient(135deg,var(--oc-pink),var(--oc-lilac));
  box-shadow:0 8px 20px rgba(200,181,255,.25);
  font-size:22px;
}
.site-title{font-weight:800;letter-spacing:.1px}
.site-tagline{display:block;font-size:11px;color:var(--oc-muted);font-weight:500;margin-top:-3px}

.main-nav{margin-left:auto}
.main-nav ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.main-nav a{font-size:14px;font-weight:650;color:#4d4650}
.main-nav a:hover{color:#e77892}

.header-actions{display:flex;gap:10px;align-items:center}
.oc-pill{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:40px;padding:0 16px;border-radius:999px;
  border:1px solid var(--oc-line);background:#fff;color:#4f4652;
  font-size:13px;font-weight:700;
}
.oc-pill.primary{background:var(--oc-dark);color:#fff;border-color:var(--oc-dark)}
.oc-pill:hover{transform:translateY(-1px)}
.menu-toggle{display:none}

.oc-hero{padding:46px 0 30px}
.hero-shell{
  min-height:430px;border-radius:32px;overflow:hidden;position:relative;
  display:grid;grid-template-columns:1.1fr .9fr;align-items:center;
  padding:54px;
  background:
    radial-gradient(circle at 85% 18%,rgba(255,255,255,.95) 0 7%,transparent 8%),
    radial-gradient(circle at 75% 25%,rgba(255,255,255,.45) 0 15%,transparent 16%),
    linear-gradient(135deg,#fff0e8 0%,#fde7f4 42%,#e7edff 100%);
  box-shadow:var(--oc-shadow);
}
.hero-shell:after{
  content:"✦";position:absolute;right:42px;top:25px;font-size:54px;color:rgba(214,168,74,.55)
}
.hero-copy{position:relative;z-index:2}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);font-weight:800;font-size:12px;
  color:#8d6681;text-transform:uppercase;letter-spacing:.08em
}
.hero-copy h1{font-size:clamp(42px,6vw,74px);line-height:1.02;margin:18px 0 14px;max-width:720px}
.hero-copy h1 span{
  background:linear-gradient(90deg,#e97792,#9a79d6,#5e9fc8);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.hero-copy p{max-width:620px;color:#665d69;font-size:17px;margin:0 0 24px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{
  min-height:48px;padding:0 22px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid transparent;font-weight:800;transition:.2s ease
}
.btn.primary{background:var(--oc-dark);color:#fff;box-shadow:0 10px 22px rgba(59,52,64,.16)}
.btn.soft{background:rgba(255,255,255,.78);border-color:#fff}
.btn:hover{transform:translateY(-2px)}
.hero-art{position:relative;min-height:310px}
.phone{
  position:absolute;width:180px;height:350px;border-radius:34px;padding:9px;background:#2d2b31;
  box-shadow:0 30px 40px rgba(83,62,83,.25)
}
.phone:before{
  content:"";position:absolute;top:15px;left:50%;transform:translateX(-50%);
  width:64px;height:14px;border-radius:999px;background:#28262c;z-index:3
}
.phone .screen{width:100%;height:100%;border-radius:27px;overflow:hidden;position:relative}
.phone.one{right:46px;top:-12px;transform:rotate(7deg)}
.phone.two{right:210px;top:20px;transform:rotate(-8deg)}
.wallpaper-a{background:linear-gradient(180deg,#ffd7e5,#ffe9cb 48%,#d8f2e8)}
.wallpaper-b{background:linear-gradient(180deg,#d8d3ff,#ccefff 52%,#fff0cc)}
.moon,.orb{
  position:absolute;border-radius:50%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.1))
}
.moon{width:66px;height:66px;left:50%;top:60px;transform:translateX(-50%);background:#fff8dc}
.orb{width:90px;height:90px;left:50%;top:110px;transform:translateX(-50%);background:radial-gradient(circle at 35% 30%,#fff,#ffb1d0 45%,#ce9eea)}
.screen .mini{position:absolute;left:18px;right:18px;bottom:50px;text-align:center;font-weight:800;color:#6c5a70;font-size:12px}
.screen .date{position:absolute;left:0;right:0;top:32px;text-align:center;font-weight:800;color:#4b4a58;font-size:11px}

.oc-section{padding:34px 0 54px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.section-head h2{font-size:30px;line-height:1.2;margin:0 0 5px}
.section-head p{margin:0;color:var(--oc-muted)}
.text-link{font-size:13px;font-weight:800;color:#d76e89}

.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mood-card{
  border-radius:22px;padding:22px;min-height:160px;display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.7)
}
.mood-card:nth-child(1){background:linear-gradient(135deg,#ffe0e9,#fff0cf)}
.mood-card:nth-child(2){background:linear-gradient(135deg,#e7ddff,#d9efff)}
.mood-card:nth-child(3){background:linear-gradient(135deg,#d8f2e6,#e7f8ff)}
.mood-card:nth-child(4){background:linear-gradient(135deg,#fff0c8,#ffe1cf)}
.mood-icon{font-size:34px}
.mood-card strong{font-size:19px}
.mood-card small{color:#6f6571}

.oc-shop-layout{display:grid;grid-template-columns:220px 1fr;gap:32px}
.oc-sidebar{
  background:#fff;border:1px solid var(--oc-line);padding:18px;border-radius:18px;height:max-content;
  position:sticky;top:100px
}
.widget{margin-bottom:22px}.widget:last-child{margin-bottom:0}
.widget-title{font-size:14px;margin:0 0 10px}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:7px 0;border-bottom:1px dashed #eee;font-size:13px}
.widget li:last-child{border:0}

.product-grid,
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px 16px;
  margin:0 !important;
}
.product-card,
.woocommerce ul.products li.product{
  width:auto !important;margin:0 !important;float:none !important;
  background:transparent;border:0;padding:0;position:relative
}
.product-thumb,
.woocommerce ul.products li.product a img{
  aspect-ratio:1/1;object-fit:cover;border-radius:18px;
  background:#f8edf2;margin:0 0 12px !important;
  transition:.25s ease;box-shadow:0 7px 24px rgba(64,46,65,.05)
}
.product-card:hover .product-thumb,
.woocommerce ul.products li.product:hover a img{transform:translateY(-4px);box-shadow:0 14px 34px rgba(64,46,65,.11)}
.product-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:14px !important;line-height:1.45;color:#e87891;padding:0 !important;margin:0 0 5px !important;font-weight:700
}
.product-price,
.woocommerce ul.products li.product .price{
  display:block;color:#302b34 !important;font-size:14px !important;font-weight:850 !important;margin:0 0 8px !important
}
.product-meta{font-size:11px;color:#8d858f}
.product-card .btn-mini,
.woocommerce ul.products li.product .button{
  display:inline-flex !important;align-items:center;justify-content:center;
  background:#fff !important;color:#403841 !important;border:1px solid #aaa !important;
  padding:7px 10px !important;border-radius:0 !important;font-size:10px !important;font-weight:800 !important;
  text-transform:uppercase;margin-top:9px !important
}
.woocommerce span.onsale{
  background:#ff9e8f !important;min-width:auto !important;min-height:auto !important;line-height:1 !important;
  padding:7px 9px !important;border-radius:999px !important;font-size:10px !important;top:10px !important;left:10px !important
}
.woocommerce .woocommerce-ordering select{border:1px solid var(--oc-line);background:#fff;border-radius:999px;padding:9px 14px}
.woocommerce .woocommerce-result-count{color:var(--oc-muted);font-size:13px}
.woocommerce nav.woocommerce-pagination ul{border:0 !important}
.woocommerce nav.woocommerce-pagination ul li{border:0 !important;margin:3px !important}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border:1px solid #c9c2ca !important;width:36px;height:36px;display:grid !important;place-items:center;border-radius:50% !important;padding:0 !important
}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--oc-dark) !important;color:#fff !important}

.birthdays{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.day-card{
  background:#fff;border:1px solid var(--oc-line);border-radius:18px;padding:16px 10px;text-align:center;
  transition:.2s ease
}
.day-card:hover{transform:translateY(-3px);box-shadow:var(--oc-shadow)}
.day-dot{width:38px;height:38px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;font-weight:900}
.day-card:nth-child(1) .day-dot{background:#ffe1db}
.day-card:nth-child(2) .day-dot{background:#fff0a8}
.day-card:nth-child(3) .day-dot{background:#ffd4e6}
.day-card:nth-child(4) .day-dot{background:#d8f3df}
.day-card:nth-child(5) .day-dot{background:#ffc6d8}
.day-card:nth-child(6) .day-dot{background:#dce4ff}
.day-card:nth-child(7) .day-dot{background:#e4d6ff}
.day-card strong{font-size:13px}.day-card small{display:block;color:var(--oc-muted);font-size:10px;margin-top:3px}

.oc-story{
  background:#3c3440;color:#fff;border-radius:30px;padding:42px;
  display:grid;grid-template-columns:1fr .8fr;gap:32px;align-items:center;overflow:hidden;position:relative
}
.oc-story:after{content:"☾";position:absolute;right:5%;top:-16%;font-size:250px;color:rgba(255,255,255,.035)}
.oc-story h2{font-size:34px;margin:0 0 12px}
.oc-story p{color:#ddd4de;margin:0 0 18px}
.story-badges{display:flex;flex-wrap:wrap;gap:10px}
.story-badges span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);padding:8px 12px;border-radius:999px;font-size:12px}
.story-panel{
  background:linear-gradient(135deg,#f0d6ff,#ffd9e5 45%,#ffe8bf);min-height:240px;border-radius:24px;display:grid;place-items:center;
  color:#5a4862;font-size:70px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)
}

.site-footer{margin-top:54px;background:#fff;border-top:1px solid var(--oc-line)}
.footer-main{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:40px;padding:42px 0}
.footer-main h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.footer-main p,.footer-main li{font-size:12px;color:#6f6671;margin:3px 0}
.footer-main ul{list-style:none;margin:0;padding:0}
.footer-bottom{background:#3f3a42;color:#e5e0e6;padding:12px 0;font-size:11px}
.footer-bottom .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

.entry-card{background:#fff;border:1px solid var(--oc-line);border-radius:20px;padding:26px;margin:34px auto;max-width:900px}
.entry-title{font-size:34px;margin-top:0}
.woocommerce div.product{padding:30px 0}
.woocommerce div.product div.images img{border-radius:22px}
.woocommerce div.product .product_title{font-size:34px}
.woocommerce div.product p.price{color:#e97792 !important;font-weight:900}
.woocommerce button.button.alt,.woocommerce a.button.alt{
  background:var(--oc-dark) !important;border-radius:12px !important;padding:13px 20px !important
}
.woocommerce-message,.woocommerce-info{border-top-color:var(--oc-pink) !important}
.woocommerce-message::before,.woocommerce-info::before{color:#e97792 !important}

@media (max-width:1050px){
  .hero-shell{grid-template-columns:1fr;padding:42px;min-height:auto}
  .hero-art{min-height:370px;margin-top:20px}
  .product-grid,.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}
  .mood-grid{grid-template-columns:repeat(2,1fr)}
  .birthdays{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:780px){
  .header-main{min-height:66px}
  .main-nav{display:none;position:absolute;left:16px;right:16px;top:68px;background:#fff;border:1px solid var(--oc-line);border-radius:18px;padding:16px;box-shadow:var(--oc-shadow)}
  .main-nav.open{display:block}
  .main-nav ul{display:grid;gap:10px}
  .menu-toggle{display:inline-flex}
  .header-actions .hide-mobile{display:none}
  .hero-shell{padding:30px 22px;border-radius:24px}
  .hero-copy h1{font-size:44px}
  .hero-art{min-height:320px}
  .phone{width:145px;height:285px}
  .phone.one{right:20px}
  .phone.two{right:145px}
  .oc-shop-layout{grid-template-columns:1fr}
  .oc-sidebar{position:static}
  .product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
  .birthdays{grid-template-columns:repeat(2,1fr)}
  .oc-story{grid-template-columns:1fr;padding:28px}
  .footer-main{grid-template-columns:1fr}
}
@media (max-width:460px){
  .container{width:min(100% - 22px,1180px)}
  .site-title{font-size:14px}.site-tagline{display:none}
  .logo-mark{width:36px;height:36px;border-radius:12px}
  .hero-copy h1{font-size:38px}
  .hero-copy p{font-size:15px}
  .hero-art{min-height:270px}
  .phone{width:125px;height:245px}
  .phone.one{right:4px}.phone.two{right:118px}
  .mood-grid{grid-template-columns:1fr}
  .product-grid,.woocommerce ul.products{gap:20px 10px}
  .product-title,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:12px !important}
}


/* ===== Content pages: About / Contact / How to Order ===== */
.oc-page-hero{padding:52px 0 28px}
.oc-page-hero-inner{
  min-height:360px;border-radius:30px;padding:46px 52px;display:grid;
  grid-template-columns:1.15fr .85fr;align-items:center;gap:34px;overflow:hidden;position:relative
}
.oc-page-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.08;margin:16px 0 14px}
.oc-page-hero h1 span{color:#dd7791}
.oc-page-hero p{max-width:680px;margin:0;color:#665d69;font-size:16px}
.about-hero .oc-page-hero-inner{background:linear-gradient(135deg,#fff1e8,#f8e6f2 47%,#e8e8ff)}
.contact-hero .oc-page-hero-inner{background:linear-gradient(135deg,#eaf6ff,#f8e7f1 52%,#fff0dc)}
.order-hero .oc-page-hero-inner{background:linear-gradient(135deg,#fff0d8,#f7e5f3 50%,#e4edff)}

.about-orbit{height:260px;position:relative}
.about-orbit:before,.about-orbit:after{
  content:"";position:absolute;border:1px solid rgba(99,80,106,.16);border-radius:50%;
  inset:18px 35px
}
.about-orbit:after{inset:55px 72px}
.about-orbit span,.about-orbit i,.about-orbit b{
  position:absolute;display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.68);box-shadow:0 18px 35px rgba(73,56,76,.12);font-style:normal
}
.about-orbit span{width:108px;height:108px;font-size:55px;left:50%;top:50%;transform:translate(-50%,-50%)}
.about-orbit i{width:55px;height:55px;font-size:22px;right:18%;top:8%}
.about-orbit b{width:66px;height:66px;font-size:28px;left:15%;bottom:7%}

.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}
.story-copy h2{font-size:34px;line-height:1.2;margin:16px 0}
.story-copy p{color:#6e6570}
.value-stack{display:grid;gap:13px}
.value-card{background:#fff;border:1px solid var(--oc-line);border-radius:20px;padding:20px;display:grid;grid-template-columns:55px 1fr;column-gap:12px}
.value-card span{grid-row:1/3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f7e7ef;font-weight:900;color:#c96e88}
.value-card strong{font-size:16px}.value-card p{margin:3px 0 0;color:#756d77;font-size:13px}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.process-grid article{background:#fff;border:1px solid var(--oc-line);border-radius:20px;padding:22px;min-height:210px}
.process-grid article>span{font-size:12px;font-weight:900;color:#dd7791}
.process-grid h3{font-size:17px;margin:26px 0 8px}
.process-grid p{margin:0;color:#756d77;font-size:13px}

.company-card{background:#3c3440;color:#fff;border-radius:28px;padding:38px;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}
.company-card h2{font-size:28px;margin:15px 0 5px}.company-card p{color:#dcd3de}
.company-card dl{margin:0;display:grid;gap:2px}
.company-card dl div{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:170px 1fr;gap:18px}
.company-card dt{color:#cfc4d1;font-size:12px}.company-card dd{margin:0;font-size:14px}

.center-cta{text-align:center;background:linear-gradient(135deg,#fff,#fff1f6);border:1px solid var(--oc-line);padding:42px;border-radius:28px}
.center-cta>span{font-size:12px;color:#c66f87;font-weight:800}
.center-cta h2{font-size:30px;margin:8px 0 22px}

.contact-bubbles{min-height:240px;position:relative}
.contact-bubbles span{position:absolute;padding:16px 22px;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:var(--oc-shadow);font-size:12px;font-weight:900;letter-spacing:.08em}
.contact-bubbles span:nth-child(1){left:8%;top:22%}
.contact-bubbles span:nth-child(2){right:4%;top:4%}
.contact-bubbles span:nth-child(3){right:18%;bottom:8%}

.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}
.contact-info-card,.contact-form-card{background:#fff;border:1px solid var(--oc-line);border-radius:24px;padding:30px}
.contact-info-card h2,.contact-form-card h2{font-size:28px;margin:12px 0 16px}
.contact-item{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #f1e9ee}
.contact-item>span{width:42px;height:42px;border-radius:14px;background:#f9e8ef;display:grid;place-items:center;font-size:18px}
.contact-item small{display:block;color:#9a909b;font-size:10px;font-weight:800;letter-spacing:.08em}
.contact-item p,.contact-item a{margin:4px 0 0;font-size:13px}
.contact-note{margin-top:18px;background:#fff5df;border-radius:14px;padding:12px;font-size:12px;color:#766858}

.oc-contact-form{display:grid;gap:14px;margin-top:20px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.oc-contact-form label{display:grid;gap:6px;font-size:12px;font-weight:750}
.oc-contact-form input,.oc-contact-form select,.oc-contact-form textarea{
  width:100%;border:1px solid #ded5dd;border-radius:13px;padding:11px 13px;background:#fff;color:#3e3741;outline:none
}
.oc-contact-form input:focus,.oc-contact-form select:focus,.oc-contact-form textarea:focus{border-color:#d987a0;box-shadow:0 0 0 3px rgba(217,135,160,.12)}
.form-help{color:#928993;font-size:10px}
.hp-field{position:absolute;left:-9999px}
.form-alert{border-radius:14px;padding:12px 14px;margin-bottom:15px;font-size:13px}
.form-alert.success{background:#eaf7ee;color:#477253}.form-alert.error{background:#fff0ef;color:#a85d59}

.order-phone{min-height:250px;position:relative;display:grid;place-items:center}
.order-phone:before{content:"";position:absolute;width:175px;height:300px;background:#312e35;border-radius:34px;transform:rotate(5deg);box-shadow:0 25px 38px rgba(66,53,68,.16)}
.order-phone:after{content:"DOWNLOAD";position:absolute;width:145px;height:265px;background:linear-gradient(180deg,#f7d8e7,#dceaff);border-radius:26px;transform:rotate(5deg);display:grid;place-items:center;font-size:12px;font-weight:900;color:#8d6681}
.order-phone span,.order-phone b{position:absolute;z-index:3;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 10px 25px rgba(70,53,72,.13)}
.order-phone span:nth-child(1){left:10%;top:18%}.order-phone span:nth-child(2){right:5%;top:32%}.order-phone span:nth-child(3){left:15%;bottom:5%}.order-phone b{right:14%;bottom:8%;background:#dbf1e3}

.order-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.order-steps article{background:#fff;border:1px solid var(--oc-line);border-radius:20px;padding:22px;display:grid;grid-template-columns:65px 1fr;gap:14px}
.step-no{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#fbdce7,#e1dcff);font-size:12px;font-weight:900;color:#805f7f}
.order-steps h3{margin:3px 0 6px;font-size:17px}.order-steps p{margin:0;color:#756d77;font-size:13px}

.order-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.order-info-card{background:#fff;border:1px solid var(--oc-line);border-radius:20px;padding:22px}
.order-info-card>span{font-size:28px}.order-info-card h3{font-size:17px;margin:14px 0 6px}.order-info-card p{margin:0;color:#756d77;font-size:12px}

.faq-shell{max-width:900px}
.faq-shell details{background:#fff;border:1px solid var(--oc-line);border-radius:16px;padding:0 18px;margin-bottom:10px}
.faq-shell summary{cursor:pointer;font-weight:750;padding:16px 0}
.faq-shell details p{margin:0;padding:0 0 17px;color:#746b76;font-size:13px}

@media (max-width:900px){
  .oc-page-hero-inner,.story-grid,.company-card,.contact-layout{grid-template-columns:1fr}
  .process-grid,.order-info-grid{grid-template-columns:repeat(2,1fr)}
  .oc-page-hero-inner{padding:34px 28px}
  .about-orbit,.contact-bubbles,.order-phone{min-height:210px}
}
@media (max-width:620px){
  .process-grid,.order-info-grid,.order-steps,.form-row{grid-template-columns:1fr}
  .company-card dl div{grid-template-columns:1fr;gap:3px}
  .oc-page-hero h1{font-size:38px}
  .oc-page-hero-inner{padding:28px 20px}
}